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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

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 解析异常的解决方法

2016年07月27日 5 阅读

如下复制代码代码如下: <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不能赋值的解决方法

2016年07月27日 6 阅读

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中清空数组的三种方法分享

2016年07月27日 5 阅读

方式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还是（）调用的区别说明

2016年07月27日 5 阅读

方式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弹出了两次

2016年07月27日 7 阅读

这是菜菜刚刚发现的给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文本事件

2016年07月27日 6 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

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

jQuery 名称冲突的解决方法

2016年07月27日 5 阅读

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

javascript 学习笔记（一）DOM基本操作

2016年07月27日 5 阅读

html部分代码：当点击show按钮时，触发showValue函数，将input value的值动态添加到id="text"的元素节点中！复制代码代码如下: <p> <input type="text" value="" name="user_name" id="user_name" /> <span style="padding-left:10px;"><input type="button" va...

javascript学习笔记（二）鼠标经过时，改变div块的背景色的代码

2016年07月27日 5 阅读

HTML部分代码：复制代码代码如下: <ul> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> </ul> javascript部分代码：当鼠标经过时，给li添加class="current"类，鼠标离开时，去除该类，达...

javascript学习笔记（三）显示当时时间的代码

2016年07月27日 5 阅读

html代码如下：复制代码代码如下: <div id="showTime"></div> javascript 代码如下：时间显示格式为：2011-04-04 星期二 12:09:34 复制代码代码如下: function startTime（） { try{ var today = new Date（）; var year = today.getFullYear（）; var month = checkNum（today....

javascript 学习笔记（四）倒计时程序代码

2016年07月27日 10 阅读

首先看全部完整代码： countDown test function countDown（endDate） { var now = new Date（）; var deadtime = document.getElementById（endDate）; var deadline = new Date（deadtime.value）; //本地时间与格林威治标准时间（GMT）的分钟差 var timeDiff = now.getTimezon...

javascript学习笔记（五）正则表达式

2016年07月27日 5 阅读

常用到的元字符有： •. 查找单个字符，除了换行和行结束符； •w 匹配字母、汉字、数字、下划线等符号； •s 匹配空白符（包含空格、制表符等）； •d 匹配数字； • 匹配位于单词的开头或结尾的匹配；常用的量词有： •^n 匹配任何开头为 n 的字符串； •n$ 匹配任何结尾为 n 的字符串； •n+ 匹配任何包含至少一个 n 的字符串； •n...

javascript 学习笔记（六）浏览器类型及版本信息检测代码

2016年07月27日 5 阅读

下面的checkBrowser（）函数主要检测了三种浏览器（IE, firefox, chrome），其它的浏览器的检测有兴趣的朋友可以自行添加检测代码！ HTML部分代码：（页面加载时执行检测函数）复制代码代码如下: <body onload="checkBrowser（）"> <p id="userAgent"></p> <p id="browser"></p> </body>...

javascript学习笔记（七）利用javascript来创建和存储cookie

2016年07月27日 6 阅读

首先看一下基础知识： 1、什么是cookie cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值 2、有关cookie的例子： •名字 cookie 当访问者首次访问页面时，他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站时，他们会收到类似 "Welcome John Doe！"...

随机显示个性签名的js代码（兼容ie,firefox）

2016年07月27日 6 阅读

原网页中用的是innerText，脚本之家这里给替换成了innerHTML是为了简单的支持firefox，因为firefox不支持innerText，但已经有办法让firefox支持innerText了，兼容代码如下。复制代码代码如下://让Mozilla支持innerText try{ HTMLElement.prototype.__defineGetter__ （ "innerText", function （） { var anyString = ...

再次分享18个非常棒的jQuery表格插件

2016年07月27日 6 阅读

1.DataTables在线例子2.tablesorter在线例子3.uiTableFilter在线例子4.columnHover在线例子5.Scrollable HTML在线例子6.columnManager在线例子7.Flexigrid在线例子8.Table Drag and Drop在线例子9.HeatColor在线例子10.JQTreeTable在线例子11.FireScope Grid在线例子12.Ingrid在线例子13.Animated So...

首页 / 脚本样式 / 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 名称冲突的解决方法

javascript 学习笔记（一）DOM基本操作

javascript学习笔记（二） 鼠标经过时，改变div块的背景色的代码

javascript学习笔记（三）显示当时时间的代码

javascript 学习笔记（四） 倒计时程序代码

javascript学习笔记（五）正则表达式

javascript 学习笔记（六）浏览器类型及版本信息检测代码

javascript学习笔记（七）利用javascript来创建和存储cookie

随机显示个性签名的js代码（兼容ie,firefox）

再次分享18个非常棒的jQuery表格插件

javascript学习笔记（二）鼠标经过时，改变div块的背景色的代码

javascript 学习笔记（四）倒计时程序代码