AngularJS中比较两个数组是否相同

2016年09月03日 27 阅读

Javascript不能直接用==或者===来判断两个数组是否相等，无论是相等还是全等都不行，以下两行JS代码都会返回false<script type="text/javascript">alert（[]==[]）;alert（[]===[]）;</script>要判断JS中的两个数组是否相同，需要先将数组转换为字符串，再作比较。以下两行代码将返回true<script type="text/javascript">a...

AngularJS$modal弹出框实例代码

2016年09月03日 31 阅读

下面给大家说下$modal拥有一个方法：open，该方法的属性介绍：templateUrl：模态窗口的地址template：用于显示html标签scope：一个作用域为模态的内容使用（事实上，$modal会创建一个当前作用域的子作用域）默认为$rootScopecontroller：为$modal指定的控制器，初始化$scope，该控制器可用$modalInstance注入resolve：定义一个成员并将他传递给$modal指定的控制器，相当于routes...

AngularJS下对数组的对比分析

2016年09月03日 41 阅读

Javascript不能直接用==或者===来判断两个数组是否相等，无论是相等还是全等都不行，以下两行JS代码都会返回false<script type="text/javascript">alert（[]==[]）;alert（[]===[]）;</script>要判断JS中的两个数组是否相同，需要先将数组转换为字符串，再作比较。以下两行代码将返回true<script type="text/javascript">a...

jquery实现ajax提交表单信息的简单方法（推荐）

2016年09月03日 19 阅读

最近在思考优化项目，想自己扩展一个jquery自动获取表单中的数据进行ajax提交。本人没有完整性学习jquery，基本上是现学现找，有点困难。主要是扩展和拼接json转对象很简单，附上代码：; （function （$） {$.fn.ajaxForm = function （options） { var defaults = { modelname: "model",//后台对象接收名称 url: "/",//提交地址 postType: "POST",...

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

2016年09月03日 32 阅读

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

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

2016年09月03日 31 阅读

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

JS转换HTML转义符的方法

2016年09月03日 31 阅读

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

js友好的时间返回函数

2016年09月03日 20 阅读

本文实例为大家分享了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值的解决方法

2016年09月03日 22 阅读

在使用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面向对象的几种常见写法总结

2016年09月03日 28 阅读

//定义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实现搜索框智能提示

2016年09月03日 24 阅读

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

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

2016年09月03日 28 阅读

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

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

2016年09月03日 20 阅读

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

详解Bootstrap的iCheck插件checkbox和radio

2016年09月03日 20 阅读

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应用方法实例

2016年09月03日 19 阅读

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标签实现炫目的色相球动画效果实例

2016年09月03日 20 阅读

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

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

2016年09月03日 14 阅读

关于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表格插件自适应固定表头（超好用）

2016年09月03日 18 阅读

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

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

2016年09月03日 16 阅读

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

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

2016年09月03日 18 阅读

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