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

在多个页面使用同一个HTML片段的代码

2016年07月27日 6 阅读

问题描述有一个比较复杂的HTML片段（A），如果把这个HTML片段嵌入到其他页面中（B,C,D....）。问题的关键是在HTML片段中有大量的JavaScript逻辑需要处理，比如说分页，点击事件响应等。对于这个问题，我们用一个简单的例子来说明： “页面上有一个按钮，点击此按钮引入一个HTML片段，此HTML片段中有分页按钮。” 1. 使用IFrame 主页面，点击一个按钮向页面引入一个IFrame：复制代码代码如下: <script ty...

在多个页面使用同一个HTML片段《续》

2016年07月27日 6 阅读

1. HTML页面：复制代码代码如下: <script type="text/javascript"> $（function（） { $（"#clickToInsert"）.click（function（） { $.get（"service.ashx？file=pages2_1.txt", function（data） { $（"#placeholder"）.html（data）; }, "text"）; }）; }）; </scri...

判断用户的在线状态 onbeforeunload事件

2016年07月27日 11 阅读

获得用户登陆状态不用说了，判断离开的话就有一点问题了，如果说用户都是按照设计者的规定触发退出事件离开的话那就没什么难度了，但是用户的离开方式多种多样，怎么在用户非法离开的时候即时的判断离开呢？最常见的非法离开就是关闭浏览器了。复制代码代码如下: <BODY onbeforeunload="body_onUnload（）"> <script> window.onbeforeunload = function（） { if （win...

判断用户是否在线的代码

2016年07月27日 5 阅读

考虑两种情况：（1）用户关闭浏览器或重定向到其他网页复制代码代码如下: <script type=text/javascript> function exit_init（） { if（xmlhttp.readyState==4）{ if（xmlhttp.status==200）{ // } else{ alert（"there was a problem accessing the server:"+xmlhttp.status）; } ...

js定义对象或数组直接量时各浏览器对多余逗号的处理（json）

2016年07月27日 5 阅读

1、js引擎在代码载入时进行语法分析，如果js写的不规范则语法分析通不过。这时候的错误称为语法错误 2、语法分析通过了，js引擎会执行代码。执行期间发生的错误称为运行错误不同引擎处理这2种错误的提示不太一样。如下：复制代码代码如下: var p = {name:"Jack",age:33,};//注意33后有个逗号 p.toString = function（） {return "姓名：" +this.name + "，年龄：" + this.age...

Array的push与unshift方法性能比较分析

2016年07月27日 6 阅读

从原理就可以知道，unshift的效率是较低的。原因是，它每添加一个元素，都要把现有元素往下移一个位置。但到底效率差异有多大呢？下面来测试一下。测试环境的主要硬件：CPU T7100（1.8G）；内存4G DDR2 667；硬盘5400转。主要软件：操作系统为Windows 7；浏览器为Firefox 3.6.9。测试代码：复制代码代码如下: var arr = [ ], s = +new Date; // push性能测试 for （var i =...

再论Javascript的类继承

2016年07月27日 5 阅读

无参数类继承的问题先看一段示例代码，实现B继承于A：复制代码代码如下: function A（） { } A.prototype.a1 = function（） { }; function B（） { } B.prototype = new A（）; B.prototype.b1 = function（） { }; var b = new B（）; alert（b.constructor == A）; // true alert（b.construc...

再论Javascript下字符串连接的性能

2016年07月27日 6 阅读

1 如何进行字符串连接？首先让我们来回顾一下字符串连接的两种常用方法： 1.1 使用字符串连接运算符常用的语言（如Java、C#、PHP等）都有字符串连接运算符，Javascript也不例外，代码示例：复制代码代码如下: var str = ""; str = str + "a"; 1.2 使用数组在常用的语言中，字符串连接运算的性能普遍不高，为此在C#中就专门提供了StringBuilder（Java中提供了StringBuffer）用于连接...

淘宝搜索框效果实现分析

2016年07月27日 8 阅读

淘宝的搜索框就用到了这样一种设计：这种设计一般是用javascript监控了输入框的focus和blur事件：复制代码代码如下: <input type="text" id="q" value="请输入关键字" /> <script type="text/javascript">//<！[CDATA[ $（"#q"）.onfocus = function（） { if （"请输入关键字" == this.value） {...

js parseInt的陷阱分析小结

2016年07月27日 6 阅读

复制代码代码如下: var a = parseInt（"09"）, b = Number（"09"）; 很多人会认为a和b的值都是数字9，但实际上不是。 parseInt的主要作用是把字符串转换为整数，或者把小数转换为整数。一般情况下，我们只用到它的第一个参数。但实际上，它有两个参数： parseInt（string, radix） parseInt会根据radix指定的进制进行转换，比如：复制代码代码如下: alert（parseInt（"10"...

js 优化次数过多的循环考虑到性能问题

2016年07月27日 6 阅读

假设要生成一千万个随机数，常规的做法如下：复制代码代码如下: var numbers = []; for （var i = 0; i < 10000000; i++） { numbers.push（Math.random（））; } 然而，在IE下执行这段代码时，却弹出了一个窗口提示用户是否停止这段脚本。出现这种情况，首先想到的是优化循环体。但明显地，循环体很简单，没什么优化的余地。即使把循环体清空，提示仍然存在。于是，我得出了一个结论：在...

js中将具有数字属性名的对象转换为数组

2016年07月27日 5 阅读

虽然不太常用，但我们的确可以给对象添加以数字为属性名的属性：复制代码代码如下: var obj = {}; obj[0] = 1; obj[1] = 2; 这个对象并不是数组类型，那有没有办法把它转换为数组类型呢？jQuery代码中采用了Array.prototype.slice把这种对象转换为数组，但我试了好几遍，就是不行：复制代码代码如下: var obj = {}; obj[0] = 1; obj[1] = 2; alert（Array.p...

关于捕获用户何时点击window.onbeforeunload的取消事件

2016年07月27日 11 阅读

Detecting When The User Has Clicked Cancel One of the things you may want to do is to be notified when the user clicks cancel, aborting a page unload. Unfortunately there"s no way to be immediately notified. The best you can do is...

Javascript中的函数声明与函数表达式（奇技淫巧）

2016年07月27日 6 阅读

举一个例子： ~function（） { alert（"hello, world."）; }（）; [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] 试一下就知道这段代码的意思就是声明一个函数，然后立刻执行，因为Javascript中的变量作用域是基于函数的，所以这样可以避免变量污染，但这里的位运算符“~”乍一看让人摸不到头脑，如果去掉它再运行则会报错：SyntaxError。在阐述为什么之前，让我们先来明确Javascript中的两...

jQuery总体架构的理解分析

2016年07月27日 5 阅读

jQuery脚本总体结构来说，有如下形式：复制代码代码如下: （function（ window, undefined ） { // Define a local copy of jQueryvar jQuery = function（ selector, context ） { // The jQuery object is actually just the init constructor "enhanced" return new jQuery...

JavaScript对象之间的转换 jQuery对象和原声DOM

2016年07月27日 9 阅读

$（"#test"） //jQuery对象 $（"#test"）[0] //jQuery对象->原生的DOM对象 $（$（"#test"）[0]） //DOM对象->jQuery对象（有点绕，但只要明白使用$（）后能将原生的DOM对象封装成jQuery对象即可）...

基于jquery的无缝循环新闻列表插件

2016年07月27日 6 阅读

一、效果图：tips源码下载 http://xiazai.jb51.net/201103/yuanma/jquerynewslist.rar二、jquery源码: 复制代码代码如下: （function（$）{ $.fn.extend（{ newsList:function（options）{ var defaults ={ actName:"li", //显示条数名； maxShowNum:"6", //最多的显示条数； actNameH:"28", ...

基于jquery的地址栏射击游戏代码

2016年07月27日 5 阅读

演示地址:http://demo.jb51.net/js/2011/hunt/index.htm玩法向下看请看地址栏上的字母 O！你使用O来向 a射击。使用键盘上的左箭头和右箭头移动字母O. 当O移动到 a 上时，按空格键射击！游戏会定时30秒时间，按ESC键重新开始。注：请使用系统自带的IE浏览器来打开本链接。你使用O来向a射击。使用键盘上的左箭头和右箭头移动字母O. 当O移动到a上时，按空格键射击！// // 核心代码:复制代码 ...

JQuery中的$.getJSON 使用说明

2016年07月27日 8 阅读

原型如下： jQuery.getJSON（ url, [data], [callback] ）跨域加载JSON数据。 url: 发送请求的地址 data : （可选）待发送key/value参数 callback: （可选）载入成功时的回调函数主要用于客户端获取服务器JSON数据。简单示例：服务器脚本，返回JSON数据： $.getJSON.php $arr=array（"name"=>"zhangsan", "age"=>20）; ...

Jquery中getJSON在asp.net中的使用说明

2016年07月27日 7 阅读

准备工作 ·Customer类复制代码代码如下: public class Customer { public int Unid { get; set; } public string CustomerName { get; set; } public string Memo { get; set; } public string Other { get; set; } } （一）ashx 复制代码代码如下: Customer customer =...

首页 / 脚本样式 / JavaScript

在多个页面使用同一个HTML片段的代码

在多个页面使用同一个HTML片段《续》

判断用户的在线状态 onbeforeunload事件

判断用户是否在线的代码

js定义对象或数组直接量时各浏览器对多余逗号的处理（json）

Array的push与unshift方法性能比较分析

再论Javascript的类继承

再论Javascript下字符串连接的性能

淘宝搜索框效果实现分析

js parseInt的陷阱分析小结

js 优化次数过多的循环 考虑到性能问题

js中将具有数字属性名的对象转换为数组

关于捕获用户何时点击window.onbeforeunload的取消事件

Javascript中的函数声明与函数表达式（奇技淫巧）

jQuery总体架构的理解分析

JavaScript对象之间的转换 jQuery对象和原声DOM

基于jquery的无缝循环新闻列表插件

基于jquery的地址栏射击游戏代码

JQuery中的$.getJSON 使用说明

Jquery中getJSON在asp.net中的使用说明

js 优化次数过多的循环考虑到性能问题