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

jQuery实现右键菜单、遮罩等效果代码

2016年10月06日 15 阅读

最近要做个某管理系统的界面，然后涉及到右键菜单，因为之前没有做过所以就做了一下~感觉还可以，不过我个人不是很喜欢右键菜单的这种形式。操作：在固定区域内点击鼠标右键出现菜单，然后选择任意一项后进行对应页面的跳转。刚开始的想法是用catch..case..的方法，对应不同的选项，只改变弹出层里的内容，但是内容都要用jQuery生成拼接，所以选用了比较简单的页面跳转。下面就只贴上一个示例页面的相关代码。先上效果图:**index.html主要代码**<di...

微信小程序（十六）form组件详细介绍

2016年10月06日 10 阅读

form表单组件是提交form内的所有选中属性的值，注意每个form表单内的组件都必须有name属性指定否则提交不上去，button中的type两个submit，reset属性分别对应form的两个事件主要属性： wxml<form bindsubmit="listenFormSubmit" bindreser="listenFormReser" > <checkbox-group name="checkbox" bindchange=...

js仿支付宝多方框输入支付密码效果

2016年10月06日 16 阅读

上次看到别人说写一个类似支付宝支付密码的输入框效果，今天就想自己写了试试看，大体功能是实现了。已实现部分： 1. 焦点会随着输入数值往后推移 2. 如果输入的非0-9，则会出现提示 3. 按Backspance回车可以对应格子焦点往前推移 4. 按回车或者点击按钮可以触发按钮点击事件，获得输入值未完善部分： 1. 在控制输入类型的时候，只有0-9、非0-9以及回车、回删几个键盘事件的区分，不够完善 2. 输入框用的input标签，password类型，会将...

JavaScript面试题大全（推荐）

2016年10月01日 17 阅读

1.求y和z的值是多少？<script type="text/javascript">var x = 1;var y = 0;var z = 0;function add（n）{n=n+1;}y = add（x）;function add（n）{n=n+3;}z = add（x）;</script>都为undefined，因为没有返回值。2.javascript是面向对象的，怎么体现javascript的继承关系？使用prototy...

Javascript从数组中随机取出不同元素的两种方法

2016年10月01日 24 阅读

一、常规算法第一种方法较常规，经测试有bug，数据量大以后随机几次返回的对象直接是function而不是object。当然简单数据类型应该没有这个问题。示例代码/** 从数组中随机抽取数据 2016-09-09 **/ function getArrItem（arr, num） { var temp_array = new Array（）; for （var index in arr） { temp_array.push（arr[index]）; } v...

JavaScript中三个等号和两个等号的区别（== 和 ===）浅析

2016年10月01日 18 阅读

== equality 等同，=== identity 恒等。 ==，两边值类型不同的时候，要先进行类型转换，再比较。 ==，不做类型转换，类型不同的一定不等。下面分别说明：先说 ===，这个比较简单。下面的规则用来判断两个值是否===相等：1、如果类型不同，就[不相等]2、如果两个都是数值，并且是同一个值，那么[相等]；（！例外）的是，如果其中至少一个是NaN，那么[不相等]。（判断一个值是否是NaN，只能用isNaN（）来判断）3、如果两个都是字符...

第一次动手实现bootstrap table分页效果

2016年10月01日 20 阅读

先上图吧，这就是strap table分页效果图上代码（这一部分是工具栏的，还包括slider滑动条） <div class="box-body"><div class="row"> <div class="form-group col-xs-3" style="width: 432px;"><label for="SendUser" class="col-sm-2 control-label">重量<...

值得分享的bootstrap table实例

2016年10月01日 21 阅读

bootstrap table 封装了一套完善的数据表格组件，把下面的代码复制一下估计你需要的基本功能都有了，没有的再看看手册对比着我给的实例也能很快的熟悉了。客户端<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Bootstrap-Table</title> <link rel="stylesheet" hre...

web 前端常用组件之Layer弹出层组件

2016年10月01日 19 阅读

经手几个项目，还是感觉 Layer 用起来比较的轻松，你能想到的 Layer 都能帮你做到。感谢 Layer 作者贤心，Layer 官网地址：http://layer.layui.com/1. Layer 使用特点Layer 具备全方位的解决方案，致力于服务各水平段的开发人员，让页面轻松地拥有丰富友好的操作体验。Layer 尽可能地在以更少的代码展现更强健的功能，注重性能的提升、易用和实用性.。Layer 兼容了包括IE6在内的所有主流浏览器。数量可观的...

使用bootstrap实现多窗口和拖动效果

2016年10月01日 27 阅读

有时开发一些特效，自己感觉挺爽的，像操作自己电脑一样操作你的网页，这里就介绍一个使用bootstrap的一点多窗口和拖动效果吧！这里，我们不使用静态打开的的方式，low...,1、添加一个a链接触发，打开按钮;2、编写动态打开js脚本; 3、编写modal中间内容;4、添加拖动效果;5、打开多个modal , 调用dragModal（new Array（"modalId1","modalId2"））;1、添加一个a链接触发，打开按钮：<a hre...

JS图片左右无缝隙滚动的实现（兼容IE,Firefox 遵循W3C标准）

2016年10月01日 22 阅读

**兼容IE,Firefox 遵循W3C标准写法的图片无缝滚动代码（支持左移/右移功能）（本示例为上下两行图片进行双行滚动）**实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，**通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，**因为demo1与demo2一样，所以...

关于验证码在IE中不刷新的快速解决方法

2016年10月01日 24 阅读

今天在做验证码的时候发现在IE中，验证码不会刷新，而谷歌等其他浏览器没有问题，所以我想到应该是缓存问题，因为IE默认的设置是如果访问地址没变化就不会去获取而是加载缓存中的内容所以解决方案就是在验证码的切换地址后面加一个随机的参数例如：<script>//换验证码function changeimg（）{/*math.random范围是0-1*999变成0-999+3000 就是3000-3999*/var time=Math.round（Mat...

form表单转Json提交的方法（推荐）

2016年10月01日 24 阅读

先将表单数值转换成数组存储，存储成的格式为[{"name":"","value":""},.....}]var formArray = $（"#form"）.serializeArray（）;将formArray转换成Json格式function arrayToJson（formArray）{var dataArray = {};$.each（formArray,function（）{if（dataArray[this.name]）{if（！dataArr...

常用js,css文件统一加载方法（推荐）并在加载之后调用回调函数

2016年10月01日 26 阅读

为了方便资源管理和提升工作效率，常用的js和css文件的加载应该放在一个统一文件里面完成，也方便后续的资源维护。所以我用js写了以下方法，存放在“sourceController.js”文件内。function sourceController（）{var root = "";var cssCount = 0; // css加载计数器var jsCount = 0; // js加载计数器this.callfunc = null; // 回调函数this.o...

JS 动态加载js文件和css文件同步/异步的两种简单方式

2016年10月01日 29 阅读

/*动态添加js或css,URL:文件路径，FileType：文件类型（js/css）*/function AddJsFiles（URL,FileType）{var oHead = document.getElementsByTagName（"HEAD"）.item（0）;var addheadfile;if（FileType=="js"）{addheadfile= document.createElement（"script"）;addheadfile....

同步异步动态引入js文件的几种方法总结

2016年10月01日 23 阅读

动态加载js文件有时候我们需要根据参数不同来引入不同的js文件，用html直接写标签满足不了我们的需求，总结几种方法，以及同步异步加载的各种需求一.直接加载<div id="divId"></div><script>二.异步加载，并发执行，但引入js内容不能直接使用//1.1 直接document.write document.write（"<script src="test.js"></script&...

AngularJS监听路由的变化示例代码

2016年10月01日 17 阅读

话不多说，我们下面直接来看实现的示例代码【一】Angular 路由状态发生改变时可以通过" $stateChangeStart "、" $stateChangeSuccess "、" $stateChangeError "监听，通过注入"$location"实现状态的管理代码示例如下：function run（$ionicPlatform, $location, Service, $rootScope, $stateParams） { //路由监听事件 $...

AngularJS通过$location获取及改变当前页面的URL

2016年10月01日 17 阅读

注意本文中获取与修改的URL以 ‘http://172.16.0.88:8100/#/homePage?id=10&a=100" 这个路径为例:一. 获取url的相关方法（不修改URL）:1.获取当前完整的url路径var absurl = $location.absUrl（）; //http://172.16.0.88:8100/#/homePage?id=10&a=100 2. 获取当前url路径（当前url#后面的内容,包括参数和哈希...

jQuery easyui刷新当前tabs的方法

2016年10月01日 14 阅读

更新特定的选项卡面板可使用update方法，param参数包含2个属性:tab: 将被更新的选项卡。options: 选项卡相关配置项。Example://当前tabvar current_tab = $（‘#frame_tabs‘）.tabs（‘getSelected‘）;$（‘#frame_tabs‘）.tabs（‘update‘,{tab:current_tab,options : {content : ‘<iframe scrolling=...

bootstrap与Jquery UI 按钮样式冲突的解决办法

2016年10月01日 12 阅读

参考： http://getbootstrap.com/javascript/今天在写页面的时候, 遇到一个问题, 页面上要同时使用Jquery UI的弹出框, 又要用 bootstrap 的popover结果, 弹框的button 就变成这个样子了.网上查了下, 需要在JS开始的地方添加两行代码.bootstrapButton = $.fn.button.noConflict（）; $.fn.bootstrapBtn = bootstrapButto...

首页 / 脚本样式 / JavaScript

jQuery实现右键菜单、遮罩等效果代码

微信小程序（十六）form组件详细介绍

js仿支付宝多方框输入支付密码效果

JavaScript面试题大全（推荐）

Javascript从数组中随机取出不同元素的两种方法

JavaScript中三个等号和两个等号的区别（== 和 ===）浅析

第一次动手实现bootstrap table分页效果

值得分享的bootstrap table实例

web 前端常用组件之Layer弹出层组件

使用bootstrap实现多窗口和拖动效果

JS图片左右无缝隙滚动的实现（兼容IE,Firefox 遵循W3C标准）

关于验证码在IE中不刷新的快速解决方法

form表单转Json提交的方法（推荐）

常用js,css文件统一加载方法（推荐） 并在加载之后调用回调函数

JS 动态加载js文件和css文件 同步/异步的两种简单方式

同步异步动态引入js文件的几种方法总结

AngularJS监听路由的变化示例代码

AngularJS通过$location获取及改变当前页面的URL

jQuery easyui刷新当前tabs的方法

bootstrap与Jquery UI 按钮样式冲突的解决办法

常用js,css文件统一加载方法（推荐）并在加载之后调用回调函数

JS 动态加载js文件和css文件同步/异步的两种简单方式