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

JQUERY的属性选择符和自定义选择符使用方法（二）

2017年02月06日 20 阅读

例子：给链接中含用“wangorg"字符的链接文字加粗 css: 复制代码代码如下: .abold{ font-weight:bold; } html: 复制代码代码如下: $（"document"）.ready（function（）{ $（"a[href*=wangorg]"）.addClass（"abold"）; }）属性选择也可以用组合方式： $（"a[href^=http] [href*=wangorg]"）.addClass（"abol...

jQuery为iframe的body添加click事件的实现代码

2017年02月06日 23 阅读

html结构如下：复制代码代码如下: <html> <head> <title>为body添加click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" src="jquery-1.5.2.js"></scri...

仅IE6/7/8中innerHTML返回值忽略英文空格的问题

2017年02月06日 19 阅读

如下复制代码代码如下: <div id="user"> jack</div> <script> alert（document.getElementById（"user"）.innerHTML.length）; </script> div[id=user]中的文本"jack"前有两个英文空格，各浏览器下结果如下 IE6/7/8 : 弹出4，即忽略了空格 IE9/Firefox/Safari/Chrome/...

JQuery中html（）方法使用不当带来的陷阱

2017年02月06日 21 阅读

查看源码复制代码代码如下: return this[0] && this[0].nodeType === 1 ？ this[0].innerHTML.replace（rinlinejQuery, ""） : null; 得知其通过非标准的但所有浏览器都支持的innerHTML实现。有些使用者会用html（）方法的返回值作为代码分支的条件，比如：复制代码代码如下: var str = $（"#user"）.html（）; if（ str=="ja...

Safari5中alert的无限循环BUG

2017年02月06日 23 阅读

如下，alert无限循环下去复制代码代码如下: <！DOCTYPE htmlt> <html> <head> <meta charset="utf-8"> </head> <body onclick="alert（3）"> <p>Safari alert Bug</p> </body> </html> 猜测Safari5中将点击ale...

javascript 单例/单体模式（Singleton）

2017年02月06日 25 阅读

单例模式的三个特点： 1，该类只有一个实例 2，该类自行创建该实例（在该类内部创建自身的实例对象） 3，向整个系统公开这个实例接口 Java中大概是这个样子复制代码代码如下: class Singleton { //私有，静态的类自身实例 private static Singleton instance = new Singleton（）; //私有的构造子（构造器,构造函数,构造方法） private Singleton（）{} //公开，静态的工...

js中各浏览器中鼠标按键值的差异

2017年02月06日 23 阅读

W3C DOM-Level-2 定义如下 W3C DOM 写道During mouse events caused by the depression or release of a mouse button, button is used to indicate which mouse button changed state. The values for button range from zero to indicate the left butt...

JavaScript中链式调用之研习

2017年02月06日 22 阅读

一、对象链：方法体内返回对象实例自身（this）复制代码代码如下: function ClassA（）{ this.prop1 = null; this.prop2 = null; this.prop3 = null; } ClassA.prototype = { method1 : function（p1）{ this.prop1 = p1; return this; }, method2 : function（p2）{ this.prop2 = p...

我的javascript 函数链之演变

2017年02月06日 22 阅读

最易读版复制代码代码如下: function chain（obj）{ function fun（）{ if （arguments.length == 0）{ return fun.obj; } var methodName = arguments[0], methodArgs = [].slice.call（arguments,1）; fun.obj[methodName].apply（fun.obj,methodArgs）; return fun; ...

IE6/7/8中Option元素未设value时Select将获取空字符串

2017年02月06日 23 阅读

如下复制代码代码如下: <！DOCTYPE HTML> <html> <head> <title>IE6/7/8中Option元素未设value时Select将获取空字符串</title> </head> <body> <select onchange="alert（this.value）"> <option>one</option>...

javascript各浏览器中option元素的表现差异

2017年02月06日 23 阅读

1，IE6/7/8/9中无事件（如click,mouseover），Firefox/Safari/Chrome/Opera则有。复制代码代码如下: <select id="s1" multiple="multiple"> <option value="1" onclick="alert（1）;">1</option> <option value="2" onclick="alert（2）;">2</...

使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法

2017年02月06日 23 阅读

如下复制代码代码如下: <div style="width:100px;height:100px;background:gold"></div> 用IE开发者工具，或IE8自带的开发者工具。结构如图1 ：红色所圈之处可以看到给div添加的内联样式width，height，background都依次排列。正常！但给该div添加filter:alpha（opacity=20）后，复制代码代码如下: <div style=...

IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法

2017年02月06日 23 阅读

IE6/7/8/9中Table/Select的innerHTML赋值会报错，如下 IE6/7/8/9中TABLE的innerHTML不能赋值 try{ var table = document.createElement（"table"）; table.innerHTML = "Test table innerHTML" document.body.appendChild（table）; }catch（e）{ alert（e）; } ...

JavaScript中清空数组的三种方法分享

2017年02月06日 22 阅读

方式1，splice 复制代码代码如下: var ary = [1,2,3,4]; ary.splice（0,ary.length）; console.log（ary）; // 输出 []，空数组，即被清空了方式2，length赋值为0 这种方式很有意思，其它语言如Java，其数组的length是只读的，不能被赋值。如复制代码代码如下: int[] ary = {1,2,3,4}; ary.length = 0; Java中会报错，编译通不过。...

JavaScript中判断函数是new还是（）调用的区别说明

2017年02月06日 22 阅读

方式1 复制代码代码如下: function Person（n,a）{ this.name = n; this.age = a; if（this instanceof Person）{ alert（"new调用"）; }else{ alert（"函数调用"）; } } var p = new Person（"jack",30）; // --> new调用 Person（）; // --> 函数调用方式2 复制代码代码如下: functi...

为body标签和document.body都添加点击事件后仅Firefox弹出了两次

2017年02月06日 22 阅读

这是菜菜刚刚发现的给body标签和document.body都添加点击事件后仅Firefox之弹出了两次 HTML BODY document.body.onclick=function（）{ alert （"body"）; }; [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] 1，给body标签添加了onclick事件，弹出1 2，给document.body添加了onclick事件，弹出body 点击页面红色...

DOM3中的js textInput文本事件

2017年02月06日 22 阅读

与keypress不同的是，该事件只会在用户输入可视字符时触发，而keypres事件则只要按下键即触发（如CapsLock，Backspace）。可看到textInput考虑的主要是字符，可以通过事件对象的data属性获取所输入字符。示例 DOM3 event textInput function addEvent（el,type,fn）{ if（el.addEventListener）{ el.addEventListener（typ...

Javascript 八进制转义字符（8进制）

2017年02月06日 21 阅读

摸索过程中，看见这样的字符："155",用来代替字符"m"。为什么？....完全不知道原因，整个人顿时慌了！可别说自己4年的经验了！"155"和"m"是全等的，到现在，2011年了我才知道，深感惭愧！对于字符转义，常见的大概如下： "u5230" ==> "到" " " ==> horizontal tab "u0009" "\" ==> backslash "u005C" "x35" ==> "5" .... 155由8进制转为...

js 事件处理函数间的Event物件是否全等

2017年02月06日 22 阅读

这个小问题以前就遇到，却没有去总结现在又遇到，为了得到准确结论，记录下来：如题:同一事件多个执行函数间的Event物件是否全等例如：复制代码代码如下: dom.addEvent（"click",fna）; dom.addEvent（"click",fnb）; 1:在fna里对Event物件添加的属性，在其后执行的fnb函数里是对于Event物件是否能访问到？ 2:执行fna/fnb函数时的Event物件是否全等 Eventfna===Even...

jQuery 名称冲突的解决方法

2017年02月06日 22 阅读

jQuery 使用名为 noConflict（）的方法来解决该问题。 var jq=jQuery.noConflict（），帮助您使用自己的名称（比如 jq）来代替 $ 符号。示例: 复制代码代码如下: <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/...

首页 / 脚本样式 / JavaScript

JQUERY的属性选择符和自定义选择符使用方法（二）

jQuery为iframe的body添加click事件的实现代码

仅IE6/7/8中innerHTML返回值忽略英文空格的问题

JQuery中html（）方法使用不当带来的陷阱

Safari5中alert的无限循环BUG

javascript 单例/单体模式（Singleton）

js中各浏览器中鼠标按键值的差异

JavaScript中链式调用之研习

我的javascript 函数链之演变

IE6/7/8中Option元素未设value时Select将获取空字符串

javascript各浏览器中option元素的表现差异

使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法

IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法

JavaScript中清空数组的三种方法分享

JavaScript中判断函数是new还是（）调用的区别说明

为body标签和document.body都添加点击事件后仅Firefox弹出了两次

DOM3中的js textInput文本事件

Javascript 八进制转义字符（8进制）

js 事件处理函数间的Event物件是否全等

jQuery 名称冲突的解决方法