js
noxLiu
这个作者很懒,什么都没留下…
展开
-
模拟超链接a点击
超链接a点击原创 2023-02-28 14:50:21 · 119 阅读 · 0 评论 -
通过Jquery判断页面元素是否在浏览器的可视区域内
前端开发中,有时需要判断某个元素是否在浏览器的可视区域内,或者是否已经滚动出了可视区域.首先想到的便是javascript操作,原生方法自然可以,不过Jquery已经封装了一些属性,使用起来更方便些,我们这里就讨论这种Jquery的方式.(伸手党可直接看文章屁股 :cool:) 假设此元素为 #item,先说几个关键的属性:JavaScript1:jQuery('#item').o转载 2016-02-23 15:10:52 · 20981 阅读 · 0 评论 -
学习Javascript闭包(Closure)
作者: 阮一峰日期: 2009年8月30日闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。转载 2015-07-31 09:52:18 · 223 阅读 · 0 评论 -
jq无限极下拉菜单和点击展开菜单
一、html部分 Document 菜单项1 子菜单项11转载 2016-01-26 08:47:28 · 4668 阅读 · 0 评论 -
jquery的.on()支持的事件
blurfocusfocusinfocusoutloadresizescrollunloadclickdblclickmousedownmouseupmousemovemouseovermouseoutmouseentermouseleavechangeselectsubmitkeydownkeypresske原创 2016-01-05 15:57:20 · 353 阅读 · 0 评论 -
jq添加删除class简略操作
var newsletter = $("#newsletter");// check元素var inital = newsletter.is(":checked");//check元素是否被选中var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray");//等价于$("#原创 2015-12-11 17:26:04 · 914 阅读 · 0 评论 -
JS判断是否是IE浏览器仅仅需要7bytes!
前最短的IE判定借助于IE不支持垂直制表符的特性搞出来的。 var ie = !+"\v1"; 仅仅需要7bytes!参见这篇文章,《32 bytes, ehr ... 9, ehr ... 7!!! to know if your browser is IE》,讲述外国人是如何把IE的判定从32 bytes一步步缩简成7 bytes!的故事 但这纪录今年1月转载 2015-12-11 10:42:46 · 274 阅读 · 0 评论 -
jQuery设计思想
作者: 阮一峰日期: 2011年7月26日jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说,学会jQuery是必要的。因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做转载 2015-11-17 17:22:59 · 222 阅读 · 0 评论 -
Javascript编程风格
作者: 阮一峰日期: 2012年4月27日Douglas Crockford是Javascript权威,Json格式就是他的发明。去年11月他有一个演讲(Youtube),谈到了好的Javascript编程风格是什么。我非常推荐这个演讲,它不仅有助于学习Javascript,而且能让你心情舒畅,因为Crockford讲得很幽默,时不时让听众会心一笑。转载 2015-11-17 17:04:24 · 210 阅读 · 0 评论 -
如何让搜索引擎抓取AJAX内容?
越来越多的网站,开始采用"单页面结构"(Single-page application)。整个网站只有一张网页,采用Ajax技术,根据用户的输入,加载不同的内容。这种做法的好处是用户体验好、节省流量,缺点是AJAX内容无法被搜索引擎抓取。举例来说,你有一个网站。 http://example.com 用户通过井号结构的URL,看到不同的内容转载 2015-11-17 15:04:11 · 362 阅读 · 0 评论 -
undefined与null的区别
目前,null和undefined基本是同义的,只有一些细微的差别。null表示"没有对象",即该处不应该有值。典型用法是:(1) 作为函数的参数,表示该函数的参数不是对象。(2) 作为对象原型链的终点。Object.getPrototypeOf(Object.prototype)// nullundefined表示"缺少值",就是此处应转载 2015-11-17 13:39:22 · 288 阅读 · 0 评论 -
防止网页被嵌入框架的代码
大家只要将它放入网页源码的头部,那些流氓就没有办法使用你的网页了。if (window!=top) // 判断当前的window对象是否是top对象top.location.href =window.location.href; // 如果不是,将top对象的网址自动导向被嵌入网页的网址这段代码是有效的。但是,有一个问题:使用后,任何人都无法再把转载 2015-11-17 10:08:30 · 268 阅读 · 0 评论 -
js用fuction定义构造函数
Javascript并不像Java、C#等语言那样支持真正的类。但是在js中可以定义伪类。做到这一点的工具就是构造函数和原型对象。首先介绍js中的构造函数。Javascript中创建对象的语法是在new运算符的后面跟着一个函数的调用。如1 var obj = new Object();2 var date = new Date();运算符new首先创建一个新的没有任转载 2015-10-27 11:09:49 · 474 阅读 · 0 评论 -
ZeroClipboard.js实现js复制功能(兼容ie9 和 ie10)
clipboardData 对象只有 ie 浏览器认识。该对象有 3 个方法:clearData,getData 和 setData。这 3 个方法网上都有介绍,在这里我就不多说了。最后需要在调用方法加上判断,ie 和 非ie,具体代码如下:function clipboard(text,button,msg,parent) { if(window.clipboardDat转载 2015-10-27 16:38:27 · 762 阅读 · 0 评论 -
whsmwy
不断更新原创 2015-10-27 16:44:37 · 357 阅读 · 0 评论 -
Javascript继承机制的设计思想
作者: 阮一峰日期: 2011年6月 5日我一直很难理解Javascript语言的继承机制。它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(prototype chain)模式,来实现继承。我花了很多时间,学习这个部分,还做了很多笔记。但是都属于强行记忆,无法从根本上理解。转载 2015-10-27 13:35:30 · 268 阅读 · 0 评论 -
关于JavaScript的namespace命名空间
写C或者JAVA习惯的人写JavaScript时可能会发现JavaScript并没有命名空间这一概念,当然如果没有接触过命名空间的程序猿(比如写js,PHP,Python)也可能对命名空间不关注或者不重视。这样的情况普遍存在,见过不少人写JavaScript时直接就全局变量的写,如:1234567f转载 2015-10-27 08:51:28 · 313 阅读 · 0 评论 -
ajax与HTML5 history pushState/replaceState实例
http://www.zhangxinxu.com/wordpress/2013/06/html5-history-api-pushstate-replacestate-ajax/一、认识window.historywindow.history表示window对象的历史记录,是由用户主动产生,并且接受javascript脚本控制的全局对象。window对象通过history对象提供转载 2016-03-22 10:12:22 · 455 阅读 · 0 评论 -
HTML5中类jQuery选择器querySelector的使用
HTML5中类jQuery选择器querySelector的使用简介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法,都是接收一个字符串参数转载 2016-04-05 10:16:08 · 763 阅读 · 0 评论 -
如何做到 jQuery-free?
作者: 阮一峰日期: 2013年5月11日jQuery是现在最流行的JavaScript工具库。据统计,目前全世界57.3%的网站使用它。也就是说,10个网站里面,有6个使用jQuery。如果只考察使用工具库的网站,这个比例就会上升到惊人的91.7%。虽然jQuery如此受欢迎,但是它臃肿的体积也让人头痛不已。jQuery 2.0的原始大小为235K转载 2016-04-05 10:23:58 · 1017 阅读 · 0 评论 -
随机数
Math.ceil(); //向上取整。Math.floor(); //向下取整。Math.round(); //四舍五入。Math.random(); //0.0 ~ 1.0 之间的一个伪随机数。【包含0不包含1】 //比如0.8647578968666494Math.ceil(Math.random()*10); // 获取从1到10的随机整数 ,取0的概率极...转载 2018-10-17 09:33:20 · 187 阅读 · 0 评论 -
前端开发中的各种宽高获取整理
获取可视区的宽高document.documentElement.clientWidthdocument.documentElement.clientHeight获致滚动条滚动距离// 主流浏览器中,用下面的代码获取值document.documentElement.scrollTopdocument.documentElement.scrollLeft// 搜狗浏览器、360 浏览器、IE 浏览...转载 2018-05-28 17:10:30 · 391 阅读 · 0 评论 -
nodejs双感叹号用法
根本目的是把undefine、null等值顺便转换为boolean类型。因为取反的过程中会自动给它们进行类型转换 。当值是非空字符串和非零数字返回true,当值是空字符串、0或者null返回false。var a = " "; alert(!!a); //truevar a = "s"; alert(!!a); //truevar a = true; a原创 2018-01-26 08:54:46 · 2339 阅读 · 0 评论 -
js语法记录
男女全部var lis=Array.prototype.slice.call(document.getElementsByTagName('li'),0);var lastli=lis[lis.length-1];lis.forEach(function(item,index){item.onclick=function(){lastli.className='原创 2017-12-19 14:50:49 · 207 阅读 · 0 评论 -
Promise解决某个条件需要多个异步结果的问题
let p1 = getjson(url, {}).then(function(res) { return res; }); let p2 = getjson(url, { 'entname': '', 'page': 1, 'pageSize': 10 }).then(function(res) {原创 2017-04-17 15:22:46 · 1221 阅读 · 0 评论 -
获取json中的key值
let inputContent=[{"usertel":"11"},{"userpwd":"22"}]; for (let i = 0; i for (let key in inputContent[i]) { console.log('key: ' + key + ' = ' + inputContent[i][key]); } }原创 2017-02-23 17:13:48 · 4516 阅读 · 0 评论 -
JS---创建自己的“JavaScript库”,原来如此简单
在上一篇文章中提到了JavaScript库实际上就是一堆函数的集合,就是方便给你调用的不用自己写那些功能强大的函数……这篇文章说一说如何创建JavaScript库及需要注意的问题!期待您光临斧正!行文目录:点击对应目录进行跳转编写JavaScript库要注意的问题编写JavaScript库的模板代码编写JavaScript库(实例)完善JavaS转载 2016-04-06 14:44:56 · 537 阅读 · 0 评论 -
如何检测SQL注入和CSS攻击漏洞
对于他们的攻击,主要是通过使用正则表达式来做输入检测:检测SQL meta-characters的正则表达式 :/(\%27)|(’)|(--)|(\%23)|(#)/ix解释:我 们首先检查单引号等值的hex,单引号本身或者双重扩折号。修正检测SQL meta-characters的正则表达式: /((\%3D)|(=))[^ ]*((\%27)|转载 2016-04-13 16:36:51 · 5378 阅读 · 1 评论 -
Javascript、Jquery获取浏览器和屏幕各种高度宽度
Javascript:alert(document.body.clientWidth); //网页可见区域宽(body)alert(document.body.clientHeight); //网页可见区域高(body)alert(document.body.offsetWidth); //网页可见区域宽(body),包括border、转载 2015-07-29 09:20:10 · 1528 阅读 · 0 评论 -
js中的return ;return false;return true;的理解
retrun true; 返回正确的处理结果。return false;返回错误的处理结果,终止处理。return;把控制权返回给页面。看一个例子:function a(){ if(true) return false;}function b(){ console.log('-----------');}function转载 2016-03-14 08:44:06 · 432 阅读 · 0 评论 -
getElementsByName和getElementById的区别
document.getElementsByName得到的是一个数组,而document.getElementById得到的是唯一的元素对象;要通过document.getElementsByName得到某一特定的元素对象,并须加上下标:document.getElementsByName("text1")[0] 得到第一个name值为text1的元素对象。 jquery中html转载 2016-03-14 08:39:58 · 464 阅读 · 0 评论 -
数组操作
1、创建数组var array = new Array();var array = new Array(size);//指定数组的长度var array = new Array(item1,item2……itemN);//创建数组并赋值2、取值、赋值var item = array[index];//获取指定元素的值array[index] = value;//为指转载 2015-12-29 08:57:25 · 220 阅读 · 0 评论 -
jQuery立即调用表达式
(function(window, undefined) { var jQuery = function() {} // ... window.jQuery = window.$ = jQuery;})(window);从上面的代码可看出,自动初始化这个函数,让其只构建一次。详细说一下这种写法的优势: 1、window和undefined都是为了减少变量查找转载 2016-04-06 08:59:56 · 479 阅读 · 0 评论 -
自动执行函数/立即调用的函数表达式
一般调用函数的写法:var someFunction=function(){alert("立即调用的函数表达式")};someFunction();函数表达式后面可以跟圆括号,上面写法还可改写成:var someFunction=function(){alert("立即调用的函数表达式")}();函数声明后面不能跟圆括号,就是说下面的写法是错误的:func转载 2016-04-06 09:21:55 · 551 阅读 · 0 评论 -
document.getElementsByTagName
document.getElementsByTagName获取到的是HTMLCollection对象,for in遍历的是所有属性,不是只针对数组下标而已。HTMLCollection还包含了length,item,nameItem属性和选出的html对象(firefox),其他浏览器可能不支持nameItem和item属性(如ie8-)转载 2016-04-05 11:18:30 · 524 阅读 · 0 评论 -
Javascript极简主义法定义类
荷兰程序员Gabor de Mooij提出了一种比Object.create()更好的新方法,他称这种方法为"极简主义法"(minimalist approach)。这也是我阮一峰荐的方法。3.1 封装这种方法不使用this和prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因。首先,它也是用一个{}对象模拟"类"。在这个类里面,定义一个原创 2016-04-05 10:39:23 · 504 阅读 · 0 评论 -
jQuery的doTimeout像js原生的setTimeout,但是兼容性更好。
jQuery doTimeout takes the work out of delayed code execution, including interval and timeout management, polling loops and debouncing. In addition, it’s fully jQuery chainable!Generally, setTimeo转载 2015-09-23 08:36:42 · 774 阅读 · 0 评论 -
对jquery ajax的返回值进行过滤筛选的方法
var stext = $(data).filter('#content').html();data是通过ajax取回的内容,我想进行筛选,只要取回内容里的ID为content的部分。用filter 进行筛选的时候,固定的数据(var data = "第一段第二段";),这种没有关系,但用AJAX取回动态数据进行筛选的时候,必须同时指定标签类型和 ID,才能正常进行筛选,要转载 2015-09-23 08:31:39 · 3873 阅读 · 0 评论 -
关于js中namespace命名空间模式
定义和用法prototype 属性使您有能力向对象添加属性和方法。语法object.prototype.name=value实例在本例中,我们将展示如何使用 prototype 属性来向对象添加属性:function employee(name,job,born){this.name=name;this.job=job;this.born=b原创 2015-10-26 09:02:23 · 305 阅读 · 0 评论 -
使用jquery操作session
摘要: 今天分享的是使用jquery来处理session。我们将使用sessionStorage对象,它类似与localStorage对象,只是sessionStorage是用来储存session数据的。当用户关闭浏览器这个数据会被清除掉。简介: JquerySession是一个基于jquery的用来处理session的库,使用它可以简化我们的工作。在使用之前需要引入j转载 2015-08-12 11:23:28 · 942 阅读 · 0 评论