JavaScript资料,JavaScript文章,JavaScript文档-易库教程

AngularJS实现用户登录状态判断的方法（Model添加拦截过滤器,路由增加限制）

2017年02月06日 73 阅读

本文实例讲述了AngularJS实现用户登录状态判断的方法。分享给大家供大家参考，具体如下：使用AngularJS的单页面应用时，由于是本地路由在控制页面跳转，但是有的时候我们需要判断用户是否登录来判断用户是否能进入界面。angularjs是mvc架构所以实现起来很容易也很灵活，我们只MainController里增加一个路由事件侦听并判断，这样就可以避免未登录用户直接输入路由地址来跳转到登录界面地址了代码中的 $rootScope.user是登录后把用户...

解决同一页面中两个iframe互相调用jquery,js函数的方法

2017年02月06日 79 阅读

这一个月又没更新博客，唉，懒癌又犯了，今天解决了一个问题，关于两个iframe互相调用jquery函数方法a.html中有两个iframe,如下：<iframe width="100%" height="100%" name="left" scrolling="auto" frameborder="0" src="b.html" id="left"></iframe><iframe width="100%" height="1...

JavaScript实现多栏目切换效果

2017年02月06日 66 阅读

在网站开发中尤其是新闻类网站，经常遇到多栏目切换的设计，这种效果有很多种实现效果，现在记录一种很简单的写法： <style> .news_wrap{width: 380px;height: 266px;float: left;margin-left: 15px; } .news_head{width: 380px;border-bottom: 2px solid #dedede;height: 51px;line-height: 51px; }...

多种方式实现js图片预览

2017年02月06日 79 阅读

先贴代码，之后完善：<！doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> &l...

jquery利用json实现页面之间传值的实例解析

2017年02月06日 59 阅读

首先，A页面利用按钮打开B页面function SelectUnit（） { OpenDialogBox（epoint.url.getAbsoluteUrl（"PK_UserSelect.aspx"）, "", "选择人员", AfterOpen, 800, 800）;}在这个方法中调用afateropen 方法，A页面前台页面绑定B页面传过来的json值function AfterOpen（rtnStr） { var json = rtnStr; $（"...

js实现刷新页面后回到记录时滚动条的位置【两种方案可选】

2017年02月06日 106 阅读

当div中绑定数据，给它一个属性overflow-y: scroll，添加长度大小，使其能够出现滚动条；每次刷新的时候滚动条总是会出现在最上方，这使我很头疼，经过查阅网上资料，返现两种方法可行。如下：第一种方案将上一个页面的div的scrolltop距离长度记录在cookie中，然后通过js调整刷新页面时的长度记录，代码如下：js代码：<script>var _h = 0;function SetH（o） { _h = o.scrollTop ...

jQuery焦点图左右转换效果

2017年02月06日 62 阅读

本文实例为大家分享了jQuery焦点图左右转换的具体代码，供大家参考，具体内容如下<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>焦点图转换</title><link rel="stylesheet" href="css/reset.css"><style type="text/css...

javascript中setAttribute兼容性用法分析

2017年02月06日 67 阅读

本文实例分析了javascript中setAttribute兼容性用法。分享给大家供大家参考，具体如下：1:常规属性建议使用 node.XXXX。2:自定义属性建议使用node.getAttribute（"XXXX"）。3:当获取的目标是JS里的关键字时建议使用node.getAttribute（"XXX"），如label中的for。4:当获取的目标是保留字,如：class,请使用className代替。setAttribute（string name, ...

简单实现jquery焦点图

2017年02月06日 59 阅读

本文实例为大家分享了jquery焦点图的实现代码，供大家参考，具体内容如下<！doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>焦点图</title> <style type="text/css">img{position: relative;}ul{list-style: none;widt...

Radio 单选JS动态添加的选项onchange事件无效的解决方法

2017年02月06日 56 阅读

//记一个问题（已经解决2016.5.5）//在公司项目中遇见一个添加单选项的需求，采用ajax一步请求。为节约资源添加后不刷新网页，js动态改变页面//当选择到动态添加的单选项，执行绑定事件radio 单选JS动态添加的选项,onchange事件无效。使用delegate（）函数可以解决该问题！！！delegate（）:delegate（）方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 del...

jQuery实现字符串全部替换的方法

2017年02月06日 64 阅读

本文实例讲述了jQuery实现字符串全部替换的方法。分享给大家供大家参考，具体如下：与C# String类型的Replace方法不同，jQuery的Replace仅能替换第一个匹配的内容。例如：var str = "a<br/>b<br/>c<br/>";var Newstr = str.Replace（"<br/>", ""）;alert（Newstr）; //内容为：ab<br/>c<b...

jQuery中值得注意的trigger方法浅析

2017年02月06日 51 阅读

介绍trigger方法的功能是在所选择的元素上触发指定类型的事件,其调用的语法格式为:trigger（type,[data]） ,其中参数type为触发事件的类型，参数data为可选项，表示在触发事件时,传递给函数的附件参数.常用模拟有时，不需要进行操作，也想模拟用户操作达到某些效果。比如在用户进入界面后就触发click事件，而不需要用户去点击。在jquery中可以使用trigger完成。$（"#btn"）.trigger（"click"）//触发id为b...

Websocket协议详解及简单实例代码

2017年02月06日 61 阅读

Websocket协议详解关于websocket的协议是用来干嘛的，请参考其他文章。WebSocket关键词HTML5协议，实时，全双工通信，长连接WebSocket比传统Http的好处客户端与服务端只建立一个TCP连接，可以使用更少的连接WebSocket的服务端可以将数据推送到客户端，如实时将证券信息反馈到客户端（这个很关键），实时天气数据，比http请求响应模式更灵活更轻量的协议头，减少数据传送量数据帧格式下图为手工打造的数据帧格式/** * fin...

jQuery中animate的几种用法与注意事项

2017年02月06日 109 阅读

一、animate语法结构animate（params,speed,callback）params:一个包含样式属性及值的映射,比如{key1:value1,key2:value2}speed:速度参数[可选]callback：在动画完成时执行的函数[可选]二、自定义简单动画用一个简单例子来说明，实现单击某div在页面上横向飘动的效果。<style> #cube{position:relative;/* 不加这句元素不能动 */width:30...

JS双击变input框批量修改内容

2017年02月06日 58 阅读

双击空白或者文字变成input框修改内容：html代码<td class="center" ondblclick="ShowElement（this,"intro"）">{$vo.intro}</td><td class="center" ondblclick="ShowElement（this,"address"）">{$vo.address}</td>js代码//双击修改function ShowElem...

实例分析浏览器中“JavaScript解析器”的工作原理

2017年02月06日 64 阅读

浏览器在读取HTML文件的时候，只有当遇到<script>标签的时候，才会唤醒所谓的“JavaScript解析器”开始工作。JavaScript解析器工作步骤：1、“找一些东西”: var、 function、参数；（也被称之为预解析）备注：如果遇到重名分为以下两种情况：遇到变量和函数重名了，只留下函数遇到函数重名了，根据代码的上下文顺序，留下最后一个2、逐行解读代码。备注：表达式可以修改预解析的值JS解析器在执行第一步预解析的时候，会从代码...

解析JavaScript数组方法reduce

2017年02月06日 63 阅读

Array.prototype.reduce（）概述reduce（）方法是数组的一个实例方法（共有方法），可以被数组的实例对象调用。reduce（）方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。语法arr.reduce（callback[, initialValue]） {}参数回调函数中可以传递四个参数。previousValue：上一次调用回调函数返回的值，或者是提供的初始值（initialV...

js仿微信语音播放实现思路

2017年02月06日 63 阅读

最近看到有一个叫做“轻客小伙伴”的微信服务号，运营得挺不错的。它是做英语线上培训的，由老师录制语音，配上图文，制作成课程。花了不少时间写了大多数功能，但还没有优化成插件，直接发代码估计也看不懂，难应用。所以就主要说下实现的思路。我的html结构是这样的<div class="app-voice-you" voiceSrc="xx.mp3"><img class="app-voice-headimg" src="xx.png" /&g...

深入理解javascript中concat方法

2017年02月06日 59 阅读

最近在恶补js知识的时候，总是会因为js强大的语法而感到震撼。因为以前对前端方面的疏忽，导致了一些理解的错误。因此痛改前非，下定决心，不管做什么事情，都要有专研的精神。在介绍前，抛出一个问题：如何将多个数组合并为一个数组？以下的分享会分为如下小节：1.concat方法的基础介绍2.从实例中感受concat方法1.concat方法的基础介绍concat方法用于多个数组的合并。它将新数组的成员，添加到原数组的尾部，然后返回一个新数组，原数组不变。console...

微信小程序开发之圆形菜单仿建行圆形菜单实例

2017年02月06日 77 阅读

建行APP首页有个圆形菜单.仿了个玩具出来.功能介绍: 1.一个圆形背景.六个item菜单.中间是微信用户的头像; 2.触摸滚动.速度较小时,随手指滚动,手指抬起,滚动停止;速度较大时,随手指滚动,手指抬起,还会自动滚动一段时间; 上一张真机截图: 上代码: 1.index.jsvar app = getApp（）Page（{ data: {userInfo: {},menuList: {},//菜单集合animationData: {},startPoi...

首页 / 脚本样式 / JavaScript

AngularJS实现用户登录状态判断的方法（Model添加拦截过滤器,路由增加限制）

解决同一页面中两个iframe互相调用jquery,js函数的方法

JavaScript实现多栏目切换效果

多种方式实现js图片预览

jquery利用json实现页面之间传值的实例解析

js实现刷新页面后回到记录时滚动条的位置【两种方案可选】

jQuery焦点图左右转换效果

javascript中setAttribute兼容性用法分析

简单实现jquery焦点图

Radio 单选JS动态添加的选项onchange事件无效的解决方法

jQuery实现字符串全部替换的方法

jQuery中值得注意的trigger方法浅析

Websocket协议详解及简单实例代码

jQuery中animate的几种用法与注意事项

JS双击变input框批量修改内容

实例分析浏览器中“JavaScript解析器”的工作原理

解析JavaScript数组方法reduce

js仿微信语音播放实现思路

深入理解javascript中concat方法

微信小程序开发之圆形菜单 仿建行圆形菜单实例

微信小程序开发之圆形菜单仿建行圆形菜单实例