67194在线午夜亚洲,亚洲国产成人资源在线软件,亚洲手机中文字幕

js 工具�c�d��

Mon, 30 Nov 2009 07:23:00 GMT

/**
* �q�回URL 中的属性�?br /> *
* @param name
*            属性名�U?br /> * @return 属性�?nbsp;
* window 对象表示��览器中打开的窗�?
* location 对象包含有关当前URL的信�?
* search  属性是一个可��d��写的字符�Ԍ�� 可设�|�或�q�回当前 URL的查询部分（部号 ?之后的部分）
* substr(start,length) �Ҏ��可在字符串中抽取�?nbsp;start 下标开始的指定数目的字�W?
*         �q�回��|��一个新的字�W�串�Q�包含从 stringObject �?nbsp;start�Q�包括号start所�?nbsp;的字�W?处开始的 length 个字�W��?br /> *         如果没有指定 length�Q�那么返回的字符串包�?nbsp;�?nbsp;start 到stringObject 的结��字符.
* match() �Ҏ�� 可在字符串内��索指定的��|��或找��C��个或多个正则表达式的匚w��.
*         详细介绍参见�Q�http://www.w3school.com.cn/js/jsref_match.asp
* unescape() 是全局函数�Q�给转义字符串解码，对escape() �~�码的字�W�串解码�?nbsp;(ECMAScript v3 从标准中已删�?
*/
function getQuery(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");

    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    }
    return null;
}

星期�?/a> 2009-11-30 15:23 发表评论

JavaScript trim函数的十二种实现

Wed, 25 Nov 2009 09:23:00 GMT

实现1
1.String.prototype.trim = function() {
2. return this.replace(/^"s"s*/, '').replace(/"s"s*$/, '');
3.}

看�v来不怎么��P��动用了两�ơ正则替换，实际速度非常惊�h�Q�主要得益于��览器的内部优化。一个著名的例子字符串拼接，直接相加比用Array做成的StringBuffer�q�快。base2�c�d��使用�q�种实现�?br /> 实现2
1.String.prototype.trim = function() {
2. return this.replace(/^"s+/, '').replace(/"s+$/, '');
3.}

和实�?很相��|��但稍慢一点，主要原因是它最先是假设臛_��存在一个空白符。Prototype.js使用�q�种实现�Q�不�q�其名字为strip�Q�因为Prototype的方法都是力求与Ruby同名�?br /> 实现3
1.String.prototype.trim = function() {
2. return this.substring(Math.max(this.search(/"S/), 0),this.search(/"S"s*$/) + 1);
3.}

以截取方式取得空白部分（当然允许中间存在�I�白�W�）�Q��d��调用了四个原生方法。设计得非常巧妙�Q�substring以两个数字作为参数。Math.max以两个数字作参数�Q�search则返回一个数字。速度比上面两个慢一点，但比下面大多数都快�?br /> 实现4
1.String.prototype.trim = function() {
2. return this.replace(/^"s+|"s+$/g, '');
3.}

�q�个可以�U�得上实�?的简化版�Q�就是利用候选操作符�q�接两个正则。但�q�样做就失去了浏览器优化的机会，比不上实�?。由于看来很优雅�Q�许多类库都使用它，如JQuery与mootools
实现5
1.String.prototype.trim = function() {
2. var str = this;
3. str = str.match(/"S+(?:"s+"S+)*/);
4. return str ? str[0] : '';
5.}

match 是返回一个数�l�，因此原字�W�串�W�合要求的部分就成�ؓ它的元素。�ؓ了防止字�W�串中间的空白符被排除，我们需要动用到非捕��h��分�l�（?:exp�Q�。由于数�l�可能�ؓ�I�，我们在后面还要做�q�一步的判定。好像浏览器在处理分�l�上比较无力�Q�一个字慢。所以不要迷信正则，虽然它基本上是万能的�?br /> 实现6
1.String.prototype.trim = function() {
2. return this.replace(/^"s*("S*("s+"S+)*)"s*$/, '$1');
3.}

把符合要求的部分提供出来�Q�放��C��个空字符串中。不�q�效率很差，��其是在IE6中�?br /> 实现7
1.String.prototype.trim = function() {
2. return this.replace(/^"s*("S*(?:"s+"S+)*)"s*$/, '$1');
3.}

和实�?很相��|��但用了非捕获分组�q�行了优点，性能效之有一点点提升�?br /> 实现8
1.String.prototype.trim = function() {
2. return this.replace(/^"s*((?:["S"s]*"S)?)"s*$/, '$1');
3.}

沿着上面两个的思�\�q�行改进�Q�动用了非捕获分�l�与字符集合�Q�用?��替�?�Q�效果非常惊人。尤其在IE6中，可以用疯狂来形容�q�次性能的提升，直接�U�杀火狐�?br /> 实现9
1.String.prototype.trim = function() {
2. return this.replace(/^"s*(["S"s]*?)"s*$/, '$1');
3.}

�q�次是用懒惰匚w��替非捕获分�l�，在火狐中得到改善�Q�IE没有上次那么疯狂�?br /> 实现10
01.String.prototype.trim = function() {
02. var str = this,
03. whitespace = ' "n"r"t"f"x0b"xa0"u2000"u2001"u2002"u2003"u2004"u2005"u2006"u2007"u2008"u2009"u200a"u200b"u2028"u2029"u3000';
04. for (var i = 0,len = str.length; i < len; i++) {
05.    if (whitespace.indexOf(str.charAt(i)) === -1) {
06.      str = str.substring(i);
07.      break;
08.    }
09. }
10. for (i = str.length - 1; i >= 0; i--) {
11.    if (whitespace.indexOf(str.charAt(i)) === -1) {
12.      str = str.substring(0, i + 1);
13.      break;
14.    }
15. }
16. return whitespace.indexOf(str.charAt(0)) === -1 ? str : '';
17.}

�? 只想��_��搞出�q�个的�h已经不是用牛来�Ş容，已是��一��L��U�别。它先是把可能的�I�白�W�全部列出来�Q�在�W�一�ơ遍历中砍掉前面的空白，�W�二�ơ砍掉后面的�I�白。全 �q�程只用了indexOf与substring�q�个专门为处理字�W�串而生的原生方法，没有使用到正则。速度快得惊�h�Q�估计直��g��内部的二�q�制实现�Q��ƈ且在 IE与火狐（其他��览器当然也毫无疑问�Q�都有良好的表现。速度都是零毫�U��别的�?br /> 实现11
01.String.prototype.trim = function() {
02. var str = this,
03. str = str.replace(/^"s+/, '');
04. for (var i = str.length - 1; i >= 0; i--) {
05.    if (/"S/.test(str.charAt(i))) {
06.      str = str.substring(0, i + 1);
07.      break;
08.    }
09. }
10. return str;
11.}

�? �?0已经告诉我们普通的原生字符串截取方法是�q�胜于正则替换，虽然是复杂一炏V��但只要正则不过于复杂，我们��可以利用浏览器�Ҏ��则的优化�Q�改善程序执�? 效率�Q�如实现8在IE的表现。我想通常不会有�h在项目中应用实现10�Q�因为那个whitespace 实现太长太难��C��Q�当然如果你在打造一个类库，它绝�Ҏ��首先�Q�。实�?1可谓其改�q�版�Q�前面部分的�I�白由正则替换负责砍掉，后面用原生方法处理，效果不�? 于原版，但速度都是非常逆天�?br /> 实现12
1.String.prototype.trim = function() {
2. var str = this,
3. str = str.replace(/^"s"s*/, ''),
4. ws = /"s/,
5. i = str.length;
6. while (ws.test(str.charAt(--i)));
7. return str.slice(0, i + 1);
8.}

实现10与实�?1在写法上更好的改�q�版�Q�注意说的不是性能速度�Q�而是易记与��用上。和它的两个前辈都是零毫�U��别的�Q�以后就用这个来工作与吓人�?br />
摘自�Q�http://www.cnblogs.com/rubylouvre/archive/2009/09/18/1568794.html

星期�?/a> 2009-11-25 17:23 发表评论

[ �?] removeChild的障眼法.

Mon, 16 Nov 2009 08:49:00 GMT

removeChild的障眼法
js 数组动态更新非静态列�?

有这么一�D�代码：

JavaScript�Q?/p>

var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
for (var i = 0; i < = liList.length; i++) {
ul.removeChild(liList[i]);
}

�q�行代码�?�Q�发现只剩下节点b 了�?/p>

var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
for (var i = 0; i < liList.length; i++) {
ul.removeChild(liList[0]);
}

�q�行上面代码后，发现只剩�?节点c 了�?/p>

最后把length 提取出来�Q?先定义，�~�存��h��?/p>

var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
var lilength = liList.length;
for (var i = 0; i < lilength; i++) {
ul.removeChild(liList[0]);
}

�q�行代码�Q�才真正3个li都被删除�?/p>

通过�q?个例子的�Ҏ��Q�相信你已经发现其中的问题�?/p>

当然例子没什么实际意义，但可以看出removeChild 删除元素后，对html的即时媄响�?/p>

做项目��用时�Q�需要注意下�?/p>

或者可以用以下代码实现�Q?br />

var ul = document.getElementById('demo');
while (ul.lastChild){
ul.removeChild(ul.lastChild);
}

看这�U�方式是不是更好

while(liList.length){
ul.removeChild(liList[liList.length-1])
}

form:http://www.cssrain.cn/article.asp?id=1413

星期�?/a> 2009-11-16 16:49 发表评论

html �Ҏ��表单 1

Mon, 09 Nov 2009 09:34:00 GMT

                           align="center">

                               查询条�g



                           ��h��旉��:
                                                          id="begindate">
                           �l�止旉��:


                       教师:

星期�?/a> 2009-11-09 17:34 发表评论

[转]主题�Q�web2.0前端优化

Mon, 09 Nov 2009 09:32:00 GMT

1.样式、动作、数据的分离�Q�采用外部文件的方式引入javascript和css可以�~�短加蝲旉��Q�而且��览器都会缓存外部文件�?

    2.压羃静态资源文�Ӟ��包括css、javascript和图片，通常全站都引用相同的css和js�Q�所以压�~�会较大�E�度提高�|�站的性能。图片的压羃前后大小变化是非常明昄��Q�特别是大图片（几M的）位于全站首页�Q�很有可能导致服务器挂掉。如果有必要也可以压�~�HTML自��n的页面�?
    3.使用良好的结构，删除不必要的html元素�Q�尽量��用css布局来代替表格布局�?
    4. 适当使用ajax来加载和��h��局部数据，使用json而不是xml格式传输数据。json是一�U�轻量��的数据交换格�Q�本�w�就是javascript的子集，操作��h��非常��ѝ�?
    5. 对资源��用多个域来增加链接，因�ؓ��览器在单个域都有�ƈ发连接的数量限制。如果是多个独立域，那浏览器��开多个�U�程同时��d��载数据。图片服务器的域名可�? 是一些垃圑֟�名，如：�ȝ��www.8qiu.cn 囄��的服务器的域名可以是www.8qiuimg005.cn�?
    6. 使用 PNG 格式的图像，png兼有gif和jpg的色彩模式，且非帔R��于�|�络传输�Q�但又能保留所有与囑փ�品质有关的信息的解决�Ҏ��?
    7. 不要加蝲不需要的资源
    8. 瘦��ncookie�Q�虽然相对其他它可能是很��的文�g�Q�但是浏览器仍然需要下载它们。较大的 cookie 所需的下载时间更长，�q�而增加了��览器加载网��늚�旉��?
    9. httpwatch、httpfox、firefox的工��L��使用�Q�查看headers, cookies, caching�?POST提交的数据，查看js�{�其他静态资源的加蝲旉��。进而做出针�Ҏ��的优化

星期�?/a> 2009-11-09 17:32 发表评论

msn showimage

Wed, 04 Nov 2009 06:19:00 GMT

星期�?/a> 2009-11-04 14:19 发表评论

tip 实例一

Tue, 03 Nov 2009 01:16:00 GMT

�U�d��q�里试试!
�q�里是提�C�Z��?

星期�?/a> 2009-11-03 09:16 发表评论

Thu, 10 Sep 2009 06:06:00 GMT

Sealyu 2009-9-9
转自�Q�http://www.tkk7.com/sealyu/archive/2009/09/09/294479.html

一直对�q�个地方�p�里�p�涂�Q�这�ơ借了一本书�Q�争取将css强化一�?
CSS的几�U�选择器：

标记选择器：

定义html或者xhtml标签的通用CSS样式�Q�定义语句前无前�~�。例如：

This is test.

�c�d��选择器：

通过定义单独的class来定义对应样式，定义语句前缀�?'.'。例如：

xxxxxx

ID选择器：

通过对应html元素的标�{�ID来定义对应样式，定义语句前缀�?'#'。例如：

xxxxxx

复合选择�?

另外�Q�可以通过�q�几�U�选择器组合定义复合选择器，例如�Q?br />

普通段�?lt;/p>
�W�一�D?lt;/p>
�W�一�D�|��?lt;/h1>

全局选择器：

如果惌��一个页面中所有html标记使用同一�U�样式，可以定义一�U�全局选择器： '*'。例如：

普通段�?lt;/p>

�W�一�D?lt;/p>

�W�一�D�|��?lt;/h1>

后代选择器：

可以通过嵌套的方式，对特�D�位�|�的html标记�q�行声明。后代选择器的写法��是把外层的标记写在前面�Q�内层的标记写在后面�Q�之间用�I�格分隔。当标记发生嵌套�Ӟ��内层的标记就成�ؓ外层标记的后代。例如：

嵌套�?lt;span>用CSS标记的方�?lt;/p>
嵌套之外�?lt;span>标记不生�?/span>

星期�?/a> 2009-09-10 14:06 发表评论

js 代码压羃

Tue, 25 Aug 2009 09:49:00 GMT

JS 代码压羃�Q�基本原理�ؓ�Q?br /> 1.压羃多余的空格和换行�W��?br /> 2.删除注释�Q�因为注释只对程序员有用而对于浏览网��늚�最�l�用��h��无用的，删除可以减少文�g体积�?br /> 3.把较长的变量名称和过�E�名�U�统一替换为很短的名称�Q�一者可以减��体�U�，二者还可以减少�E�序的可��L��，保护代码产权.

JS 的速度分�ؓ两种�Q�下载速度和执行速度。要想JS的下载速度快，��需要尽量减��js文�g的大��，另外�Q�把多个js文�g合�ƈ成一个也能因为减��服务器的响应次数而加快网��下载�?br />

YUI Compressor 压羃 JavaScript 的内容包括：

�U�除注释
�U�除额外的空�?
�l�微优化
标识�W�替换（Identifier Replacement�Q?

YUI Compressor 包括哪些�l�微优化呢？

object["property"] �Q�如果属性名是合法的 JavaScript 标识�W�（注：合法�?JavaScript 标识�W�——由一个字母开��_��其后选择性地加上一个或者多个字母、数字或下划�U�）且不是保留字�Q�将优化为： object.property
{"property":123} �Q�如果属性名是合法的 JavaScript 标识�W�且不是保留字，��优化�ؓ {property:123} �Q�注�Q�在对象字面量中�Q�如果属性名是一个合法的 JavaScript 标识�W�且不是保留字，�q�不强制要求用引号引住属性名�Q��?
'abcd"'efgh'�Q�将优化�?"abcd'efgh"�?
"abcd" + "efgh"�Q�如果是字符串相�q�接�Q�将优化�?"abcdefgh"�Q�注�Q�所有在使用 YUI Compressor 的前提下�Q�对于脚本中的字�W�串�q�接�Q��用连接符 “+” 的效率和可维护性最高）�?

对于 JavaScript 最有效的压�~�优化，当属标识�W�替换�?/p>

比如�Q?/p>

(function(){
    function add(num1, num2) {
        return num1 + num2;
    }
})();

�q�行属标识符替换后：

(function(){
function A(C, B) {
return C+ B;
}
})();

再移除额外的�I�格�Q�最�l�成了：

(function(){function A(C,B){return C+B;}})();

YUI Compressor 标识�W�替换仅替换函数名和变量名，那哪些不能被替代呢？

原始��|��字符丌Ӏ�布��倹{��数字、null �? undefined。一般来说字�W�串占的�I�间最多，而非数字字面量其�ơ（true、false�Q�null�Q�underfinded�Q��?
全局变量�Q�window、document、XMLHttpRequest�{�等。��用最多的��是 document、window�?
属性名�Q�比如：foo.bar。占据的�I�间仅次于字�W�串�Q?#8221;.” 操作�W�无法被代替�Q�且 a.b.c 更加费空间�?
关键字。经常被�q�度使用的关键字有：var、return。最好的优化�Ҏ��Q�一个函��C��出现一��?var �?return 关键字�?

对于原始倹{��全局变量、属性名的优化处理方式大致相同：��M��字面量倹{��全局变量或者属性名被��用超�q?2 �ơ（包括2�ơ）�Q�都应该用局部变量存储代�ѝ�?/strong>

但有部分情况下是��止使用标识�W�替换的�Q?/p>

使用 eval() 函数。解��x��法：不��用或者创��Z��个全局函数��装 eval()�?

使用 with 语句。解��x��法：�Ҏ��同上�?

JScript 的条件注释。唯一解决的方法：不��用�?

星期�?/a> 2009-08-25 17:49 发表评论

[转] insertAdjacentHTML和insertAdjacentText �Ҏ��

Fri, 31 Jul 2009 03:17:00 GMT
        转自�|�络
   ��d��HTML内容与文本内容以前用的是innerHTML与innerText�Ҏ��Q�最�q�发觉还有insertAdjacentHTML和insertAdjacentText要领�Q�这两个要领更灵�z�，可以在指定的地点插入html内容和文本内宏V�?br /> insertAdjacentHTML要领�Q�在指定的地�Ҏ��入html标签语句

原型�Q�insertAdajcentHTML(swhere,stext)

参数�Q?br />
swhere: 指定插入html标签语句的地点，有四�U�值可用：

1.     beforeBegin: 插入到标�{�ּ�始前

2.     afterBegin:插入到标�{�ּ�始标��C��?br />
3.     beforeEnd:插入到标�{��束标记前

4.     afterEnd:插入到标�{��束标记后

stext�Q�要插入的内�?br />

1
2 DEOM:
3
4 <html>
5
6    <head>
7
8     <script language="javascript">
9
10        function myfun()
11
12          {
13
14              var obj = document.getElementById("btn1");
15
16               obj.insertAdjacentHTML("afterEnd","
"txt1\">");
17
18          }
19
20       script>
21
22    head>
23
24    <body>
25
26      <input name="txt">
27
28      <input id="btn1" name="btn1" type="button" value="更多" onclick="myfun()">
29
30    body>
31
32 html>

星期�?/a> 2009-07-31 11:17 发表评论

[转] 兼容IE、FF的insertAdjacentHTML�Ҏ��

Fri, 31 Jul 2009 03:15:00 GMT

1
2 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
3 <HTML>
4     <HEAD>
5         <TITLE>New DocumentTITLE>
6         <META NAME="Generator" CONTENT="EditPlus">
7         <META NAME="Author" CONTENT="">
8         <META NAME="Keywords" CONTENT="">
9         <META NAME="Description" CONTENT="">
10         <script type="text/javascript">
11
70   script>
71     HEAD>
72
73     <BODY>
74         <div id="aa">
75             click the button to insertAdjacentHTML
76             <br />
77         div>
78         <input type="button" value='add' onclick="add();" />
79     BODY>
80 HTML>
81 <SCRIPT LANGUAGE="JavaScript">
82
89    SCRIPT>
90

星期�?/a> 2009-07-31 11:15 发表评论

window �?dialogarguments �? showmodeldialog

Thu, 09 Jul 2009 02:25:00 GMT
     摘要:    在B/S模式的应用项�?我们有可能要处理一些的模式对话框�?     在Javascript中的主要是用得了window.showmodeldialog�Ҏ��      关于Window.dialogarguments 参数主要是用来一个页面发起一个模式对话框��面�Q�该模式��面...  阅读全文

星期�?/a> 2009-07-09 10:25 发表评论

javascript 对象创徏

Wed, 08 Jul 2009 05:53:00 GMT

1     function WebFXTreeAbstractNode() {
2             alert(2);
3             this.books = "123456";
4         }
5
6         function person(firstname,lastname,age,eyecolor)
7         {
8             this.firstname=firstname
9             this.lastname=lastname
10             this.age=age
11             this.eyecolor=eyecolor
12         }
13         person.prototype = new WebFXTreeAbstractNode;
14         person.prototype.toString = function(){
15             return    this.firstname + " 的年龄是 " + this.age + " 岁�?/span>" + this.books+"  is books ";
16         }
17
18         var    myFather=new person("John","Adams",35,"black");
19
20         document.write(myFather);
21

星期�?/a> 2009-07-08 13:53 发表评论

Wed, 08 Jul 2009 03:28:00 GMT
推荐教程�Q�http://www.w3school.com.cn/js/as_js_operators_boolean.asp

逻辑�q�算�W?OR'�Ҏ��：

�?�Q?br />
1 <script language="javascript">
2     var a1 = true;
3     var a2 = '456';
4     var a3 = a1 || a2;
5     alert(a3);
6 script>
�q�回�l�果�Q�　true;
�?:

1 <script language="javascript">
2         var a1 = false;
3         var a2 = '456';
4         var a3 = a1 || a2;
5         alert(a3);
6 script>
�q�回�l�果�Q�　456
�?�Q?br />
1 <script language="javascript">
2         var a1 = '123';
3         var a2 = '456';
4         var a3 = a1 || a2;
5         alert(a3);
6 script>
�q�回�l�果�Q?nbsp; 123

�l�论�Q?nbsp; �q�算�W�检查前面，如果�?true,则不再检查后面�?br />

星期�?/a> 2009-07-08 11:28 发表评论

67194在线午夜亚洲,亚洲国产成人资源在线软件,亚洲手机中文字幕

js 工具�c�d��

JavaScript trim函数的十二种实现

[ �?] removeChild的障眼法.

removeChild的障眼法 js 数组 动态更新非静态列�?

html �Ҏ��表单 1

[转]主题�Q�web2.0前端优化

msn showimage

tip 实例 一

This is test.

�W�一�D�|���?lt;/h1>

js 代码压羃

[转] insertAdjacentHTML和insertAdjacentText �Ҏ��

[转] 兼容IE、FF的insertAdjacentHTML�Ҏ��

window �?dialogarguments �? showmodeldialog

javascript 对象创徏

removeChild的障眼法
js 数组动态更新非静态列�?

tip 实例一

�W�一�D�|��?lt;/h1>