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

JS判断是否在微信浏览器打开的简单实例（推荐）

2017年02月06日 38 阅读

最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中，点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。以下是一段示例代码，注释中表明了通过JS如何判断是否在微信浏览器打开，是否在QQ空间浏览器，是否在新浪微博打开。当然可以做得更完善一点，再加上判断是在移动设备打开还是在PC端...

gulp-uglify 与gulp.watch（）配合使用时报错（重复压缩问题）

2017年02月06日 37 阅读

gulp简介：gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器，她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并...

JS转换HTML转义符的方法

2017年02月06日 38 阅读

//去掉html标签function removeHtmlTab（tab） {return tab.replace（/<[^<>]+?>/g,""）;//删除所有HTML标签 } //普通字符转换成转意符function html2Escape（sHtml） {return sHtml.replace（/[<>&"]/g,function（c）{return {"<":"<",">":">...

js友好的时间返回函数

2017年02月06日 38 阅读

本文实例为大家分享了js显示友好时间的函数代码，供大家参考，具体内容如下//友好的时间返回函数（如：10分钟前）time_stamp为UNIX秒数function friendly_time（time_stamp）{var now_d = new Date（）;var now_time = now_d.getTime（） / 1000; //获取当前时间的秒数var f_d = new Date（）;f_d.setTime（time_stamp * 100...

BootStrap iCheck插件全选与获取value值的解决方法

2017年02月06日 36 阅读

在使用jQuery iCheck 插件的时候遇到了一个问题，就是当我们使用普通的js全选功能无效了。$（"#checkall"）.click（function（）{if（this.checked）{$（"input[name="checkname"]"）.each（function（）{this.checked=true;}）;}else{$（"input[name="checkname"]"）.each（function（）{this.checked=f...

归纳下js面向对象的几种常见写法总结

2017年02月06日 36 阅读

//定义Circle类，拥有成员变量r，常量PI和计算面积的成员函数area（）1.工厂方式var Circle = function（） {var obj = new Object（）;obj.PI = 3.14159;obj.area = function（ r ） {return this.PI * r * r;}return obj;}var c = new Circle（）;alert（ c.area（ 1.0 ））;2.比较正规的写法func...

利用jsonp跨域调用百度js实现搜索框智能提示

2017年02月06日 37 阅读

项目中常常用到搜索，特别是导航类的网站。自己做关键字搜索不太现实，直接调用百度的是最好的选择。使用jquery.ajax的jsonp方法可以异域调用到百度的js并拿到返回值，当然$.getScript也可以实现跨域调用js。ok，了解了jsonp的原理和应用后，我们看看百度的智能提示是如何做的在chrome的调试窗口下看看百度搜索发出的请求。当输入关键字“a”，请求如图：用firebug看下请求的参数，如图：请求方式：get请求请求参数：wd明显是要搜索的...

JS动态加载脚本并执行回调操作

2017年02月06日 38 阅读

关于在javascript里面加载其它的js文件的问题可能很多人都遇到过，但很多朋友可能并不知道怎么判断我们要加载的js文件是否加载完成，如果没有加载完成我们就调用文件里面的函数是不会成功的。本文讲解怎么在js中加载其它js文件并在加载完成后执行回调函数。我们可以动态的创建 <script> 元素，然后通过更改它的 src 属性来加载脚本，但是怎么知道这个脚本文件加载完成了呢，因为我们有些函数需要在脚本加载完成生效后才能开始执行。经过对网络上资...

JS简单实现无缝滚动效果实例

2017年02月06日 36 阅读

本文实例讲述了JS简单实现无缝滚动效果。分享给大家供大家参考，具体如下：<！doctype html><title>javascript无缝滚动</title><meta charset="utf-8" /><meta name="keywords" content="javascript无缝滚动" /><meta name="description" content="javascript...

详解Bootstrap的iCheck插件checkbox和radio

2017年02月06日 37 阅读

iCheck特色：1、在不同浏览器（包括ie6+）和设备上都有相同的表现 — 包括桌面和移动设备2、支持触摸设备 — iOS、Android、BlackBerry、Windows Phone等系统4、方便定制 — 用HTML 和 CSS 即可为其设置样式（多套皮肤）5、体积小巧 — gzip压缩后只有1 kb6、25 种参数用来定制复选框（checkbox）和单选按钮（radio button）7、8 个回调事件用来监听输入框的状态8、7个方法用...

Javascript中indexOf（）和lastIndexOf应用方法实例

2017年02月06日 36 阅读

indexOf（）方法indexOf（）方法可返回某个指定的字符串值在字符串中首次出现的位置。注释：indexOf（）方法对大小写敏感！注释：如果要检索的字符串值没有出现，则该方法返回 -1。用之前的charAt（）方法var str ="www.webclks.com/archives/3309";for（var i=0; i<str.length; i++）{ if（str.charAt（i）==="/"）{ alert（i）; }}inde...

JS基于HTML5的canvas标签实现炫目的色相球动画效果实例

2017年02月06日 37 阅读

本文实例讲述了JS基于HTML5的canvas标签实现色相球效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html><head><meta charset="UTF-8" /><title>JS canvas标签制作色相球</title></head><body><canvas></can...

BootStrap的table表头固定tbody滚动的实例代码

2017年02月06日 38 阅读

关于bootstrap table其他知识不多说，直接给大家贴代码了。关键代码如下所示：<！DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <sc...

BootStrap table表格插件自适应固定表头（超好用）

2017年02月06日 35 阅读

首先是简单的页面形式，大家可以按照平常画表格的方式来创建html表格，然后通过js控制特殊的样式等操作（优点是表格更加直观，方便调整表格样式等，速度快）当然，也可以只在页面上放一个table标签，之后的所有数据和样式都通过js控制也是可以的，后面会说（优点方便控制修改数据，尤其是ajax方式获取的json格式，但是调整样式比较麻烦）ps：这个是插件的官网，里面有英文api和例子：http://bootstrap-table.wenzhixin.net.cn...

用JS中split方法实现彩色文字背景效果实例

2017年02月06日 34 阅读

先来看看实现效果图效果实现步骤： 1、获取要用到的元素； 2、声明一个数组变量（arrColor）存放颜色值； 3、给按钮添加点击事件； 4、获取文本框的value值，并用split方法把文本框的字符串值转换成数组（arr）存放； 5、循环取出存数组（arr）中的值并添加上span标签； 6、设置span标签的背景色：从数组（arrColor）循环取值； 7、把设定好的内容添加到div中；效果完整代码：<！doctype html><ht...

JS for...in 遍历语句用法实例分析

2017年02月06日 33 阅读

本文实例讲述了JS for...in 遍历语句用法。分享给大家供大家参考，具体如下：for...in 语句用于对数组或者对象的属性进行循环操作。for （变量 in 对象）{ 在此执行代码}这里的“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。举个例子：<！DOCTYPE html><meta charset="UTF-8"><script>var x;var zoon = new Array（）;z...

BootStrap+Angularjs+NgDialog实现模式对话框

2017年02月06日 37 阅读

本篇文章主要介绍了"angularjs+bootstrap+ngDialog实现模式对话框"，对于Javascript教程感兴趣的同学可以参考一下：在完成一个后台管理系统时，需要用表显示注册用户的信息。但是用户地址太长了，不好显示。所以想做一个模式对话框，点击详细地址按钮时，弹出对话框，显示地址。效果如下图：通过查阅资料，选择使用ngDialog来实现，ngDialog是一个用于Angular.js应用的模式对话框和弹出窗口。ngDialog非常小（&#...

jQuery实现的自适应焦点图效果完整实例

2017年02月06日 37 阅读

本文实例讲述了jQuery实现的自适应焦点图效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, ...

ionic实现可滑动的tab选项卡切换效果

2017年02月06日 36 阅读

利用ionic的slide-box组件实现可滑动的tab，主要是监听tab点击以及slide页面滑动的事件，做相应的处理，用ng-repeat循环，优化、简略了代码，有需要的同学可以看看。先来张效果图：用到的css代码:.tab_default{border-bottom:solid 1px #F2F2F2; padding:6px 0;}.tab_select{ border-bottom:solid 1px #3E89F5; box-shado...

ionic实现带字的toggle滑动组件

2017年02月06日 38 阅读

前言由于项目中需要带字的toggle滑动组件，而ionic提供的是这样的：实际项目中需要这样子的:在网上找了下其他的实现，感觉没得类似的，也没发现合适的，于是自己试着定义了一个凑合着用。先上效果图看效果图边缘有模糊锯齿现象，可能是由于像素的影响，在android和ios手机上表现非常流畅。实现代码其实实现起来也很简单，主要是算好滑块的位置，滑动用的是css的transform. css用到的类如下:.switch_search{position:relat...

首页 / 脚本样式 / JavaScript

JS判断是否在微信浏览器打开的简单实例（推荐）

gulp-uglify 与gulp.watch（）配合使用时报错（重复压缩问题）

JS转换HTML转义符的方法

js友好的时间返回函数

BootStrap iCheck插件全选与获取value值的解决方法

归纳下js面向对象的几种常见写法总结

利用jsonp跨域调用百度js实现搜索框智能提示

JS动态加载脚本并执行回调操作

JS简单实现无缝滚动效果实例

详解Bootstrap的iCheck插件checkbox和radio

Javascript中indexOf（）和lastIndexOf应用方法实例

JS基于HTML5的canvas标签实现炫目的色相球动画效果实例

BootStrap的table表头固定tbody滚动的实例代码

BootStrap table表格插件自适应固定表头（超好用）

用JS中split方法实现彩色文字背景效果实例

JS for...in 遍历语句用法实例分析

BootStrap+Angularjs+NgDialog实现模式对话框

jQuery实现的自适应焦点图效果完整实例

ionic实现可滑动的tab选项卡切换效果

ionic实现带字的toggle滑动组件