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

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

2017年02月06日 40 阅读

一、常规算法第一种方法较常规，经测试有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中三个等号和两个等号的区别（== 和 ===）浅析

2017年02月06日 40 阅读

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

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

2017年02月06日 37 阅读

先上图吧，这就是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实例

2017年02月06日 41 阅读

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

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

2017年02月06日 38 阅读

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

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

2017年02月06日 37 阅读

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

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

2017年02月06日 41 阅读

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

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

2017年02月06日 39 阅读

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

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

2017年02月06日 37 阅读

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

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

2017年02月06日 39 阅读

为了方便资源管理和提升工作效率，常用的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文件同步/异步的两种简单方式

2017年02月06日 38 阅读

/*动态添加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文件的几种方法总结

2017年02月06日 40 阅读

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

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

2017年02月06日 38 阅读

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

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

2017年02月06日 36 阅读

注意本文中获取与修改的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的方法

2017年02月06日 44 阅读

更新特定的选项卡面板可使用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 按钮样式冲突的解决办法

2017年02月06日 40 阅读

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

jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法

2017年02月06日 40 阅读

最近在一个ASP.NET MVC5项目中使用Bootstrap的模态窗（弹出层）来让用户填写内容，其中的一个编辑框提供了自动完成功能，用jQuery UI Autocomplete来实现。因为我是WEB前端小白，遇到一个问题很久也没解决掉，所以特简单记录一下，供以后查阅。问题：不使用模态窗的时候，autocomplete可以很好的工作，使用模态窗时弹出的选择菜单会被模态窗遮挡。解决过程：首先查到的解决办法是在*autocomplete.css中找到.ui-...

BootStrap中按钮点击后被禁用按钮的最佳实现方法

2017年02月06日 42 阅读

Bootstrap中点击后禁用按钮与js有什么区别呢要如何来实现呢，今天我们就一起来看一篇关于Bootstrap中点击后禁用按钮的最佳方法，具体的例子如下所示．为了防止在Bootstrap中点击按钮多次提交，所以希望点击按钮后禁用按钮。具体实现方法如下://禁用button $（"button"）.addClass（"disabled"）; // Disables visually $（"button"）.prop（"disabled", true）; /...

jQuery实现边框动态效果的实例代码

2017年02月06日 42 阅读

话不多说、静态效果图如下实代码如下<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> .myDiv{width: 300px;height: 200px;border: 1px solid rgba（0,0,0,0.2）;margin: 50px ;position: rela...

Bootstrap中点击按钮后变灰并显示加载中实例代码

2017年02月06日 39 阅读

Bootstrap插件非常的好用了，我们今天一起来看一篇关于Bootstrap实现点击按钮之后按钮变成不可点击的一个效果了，具体的如下所示．1.在按钮中加入data-loading-text，即点击按钮后显示的文字<button type="submit" class="btn btn-primary btn-check" data-loading-text="提交中...">添加成员</button> 2.当点击按钮后禁用按钮，并...

首页 / 脚本样式 / 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 按钮样式冲突的解决办法

jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法

BootStrap中按钮点击后被禁用按钮的最佳实现方法

jQuery实现边框动态效果的实例代码

Bootstrap中点击按钮后变灰并显示加载中实例代码

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

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