几段Javascript的函数对象扩展

2007-10-10 19:32 归类于：JavaScript

 

1、这两段为前文所讲的call和apply应用

JavaScript代码
  1. Function.prototype.bind = function (object){   
  2.     var __method = this;   
  3.     return function (){   
  4.         __method.apply(object,arguments);   
  5.     };   
  6. };   
  7.   
  8. Function.prototype.bindAsEventListener = function (object){   
  9.     var __method = this;   
  10.     return function (event){   
  11.         __method.call(object,event||window.event);   
  12.     };   
  13. };   

 

2、指定时间后再执行该方法

JavaScript代码
  1. Function.prototype.timeOut = function(t) {   
  2.     var __method = this;   
  3.   
  4.     var argu = Array.prototype.slice.call(arguments,1);   
  5.     var f = function(){   
  6.         __method.apply(null, argu);   
  7.     }   
  8.     return setTimeout(f, t);   
  9. }   

有别于系统的setTimeout，该方法可以向要执行的程序传递参数，下面是例子：

JavaScript代码
  1. function hello (arg1, arg2) {   
  2.     alert("arg1：" + arg1 + "\narg2：" + arg2);   
  3. }   
  4. hello.timeOut(1000, '第一个参数', '第二个参数');  

该方法返回的值也可以用clearTimeout来清除

Tags：bind,bindaseventlistener,settimeout | 阅读：949 | 评论：0

FireFox中使用用JavaScript注意跟上单位

2007-10-08 21:14 归类于：JavaScript

在IE中，我们可以这样设置对象的宽度

JavaScript代码
  1. document.getElementById('thediv').style.width = 100;  

但是这段代码在FireFox中却是无效的，必须要这样：

JavaScript代码
  1. document.getElementById('thediv').style.width = "100px";  

 

Tags：FireFox,单位 | 阅读：1770 | 评论：0

JavaScript中几个关于中文处理的字符串扩展方法

2007-10-07 19:32 归类于：JavaScript

下面的几段代码适用于UTF-8编码的页面：

1、计算字符串长度

JavaScript代码
  1. String.prototype.ulength = function () {   
  2.     var c, b = 0, l = this.length;   
  3.     while(l) {   
  4.         c = this.charCodeAt(--l);   
  5.         b += (c < 128) ? 1 : ((c < 2048) ? 2 : ((c < 65536) ? 3 : 4));   
  6.     };   
  7.     return b;   
  8. }   

2、取出指定位置的子字符串 

JavaScript代码
  1. String.prototype.usubstring = function (start, end) {   
  2.     var s = '', p = 0;   
  3.        
  4.     for (i=0;i<this.length;i++) {   
  5.         if (start <= p && p < end) {   
  6.             s += this.charAt(i);   
  7.         }   
  8.         c = this.charCodeAt(i);   
  9.         p += c < 128 ? 1 : (c < 2048 ? 2 : (c < 65536 ? 3 : 4));   
  10.     }   
  11.     return s;   
  12. }  

3、从指定位置开始的指定长度的子字符串

JavaScript代码
  1. String.prototype.usubstr = function (start, l) {   
  2.     var s = '', p = 0;   
  3.     for (i=0;i<this.length;i++) {   
  4.         if (start <= p && p < start + l) {   
  5.             s += this.charAt(i);   
  6.         }   
  7.         c = this.charCodeAt(i);   
  8.         p += c < 128 ? 1 : (c < 2048 ? 2 : (c < 65536 ? 3 : 4));   
  9.     }   
  10.     return s;   
  11. }  

 4、返回 String 对象内第一次出现子字符串的字符位置

JavaScript代码
  1. String.prototype.uindexOf = function (str, starIndex) {   
  2.     var p = 0, l = str.length;   
  3.     for (i=0;i<this.length;i++) {   
  4.         if (this.substring(i, i + l) == str && (starIndex && p >= starIndex)) {   
  5.             return p;   
  6.         }   
  7.         c = this.charCodeAt(i);   
  8.         p += c < 128 ? 1 : (c < 2048 ? 2 : (c < 65536 ? 3 : 4));   
  9.     }   
  10.     return false;   
  11. }  

后面三个方法对应于JS原有的substring、substr、indexOf，具体使用方法可参见JS使用手册

Tags： | 阅读：1441 | 评论：0

全面理解javascript的caller,callee,call,apply概念

2007-10-05 00:05 归类于：JavaScript

在提到上述的概念之前，首先想说说javascript中函数的隐含参数：arguments

Arguments

该对象代表正在执行的函数和调用它的函数的参数。

[function.]arguments[n]
参数function ：选项。当前正在执行的 Function 对象的名字。 n ：选项。要传递给 Function 对象的从0开始的参数值索引。
说明

Arguments是进行函数调用时，除了指定的参数外，还另外创建的一个隐藏对象。Arguments是一个类似数组但不是数组的对象，说它类似数组是因为其具有数组一样的访问性质及方式，可以由arguments[n]来访问对应的单个参数的值，并拥有数组长度属性length。还有就是arguments对象存储的是实际传递给函数的参数，而不局限于函数声明所定义的参数列表，而且不能显式创建 arguments 对象。arguments 对象只有函数开始时才可用。下边例子详细说明了这些性质:

JavaScript代码
  1. //arguments 对象的用法。   
  2. function ArgTest(a, b){   
  3.    var i, s = "The ArgTest function expected ";   
  4.    var numargs = arguments.length;     // 获取被传递参数的数值。   
  5.    var expargs = ArgTest.length;       // 获取期望参数的数值。   
  6.    if (expargs < 2)   
  7.       s += expargs + " argument. ";   
  8.    else  
  9.       s += expargs + " arguments. ";   
  10.    if (numargs < 2)   
  11.       s += numargs + " was passed.";   
  12.    else  
  13.       s += numargs + " were passed.";   
  14.    s += "\n\n"  
  15.    for (i =0 ; i < numargs; i++){      // 获取参数内容。   
  16.    s += "  Arg " + i + " = " + arguments[i] + "\n";   
  17.    }   
  18.    return(s);                          // 返回参数列表。   
  19. }   

在此添加了一个说明arguments不是数组(Array类)的代码:

JavaScript代码
  1. Array.prototype.selfvalue = 1;   
  2. alert(new Array().selfvalue);   
  3. function testAguments(){   
  4.     alert(arguments.selfvalue);   
  5. }   

运行代码你会发现第一个alert显示1，这表示数组对象拥有selfvalue属性，值为1，而当你调用函数testAguments时，你会发现显示的是“undefined”，说明了不是arguments的属性，即arguments并不是一个数组对象。

 caller
  返回一个对函数的引用，该函数调用了当前函数。
  functionName.caller
  functionName 对象是所执行函数的名称。
说明
对于函数来说，caller 属性只有在函数执行时才有定义。如果函数是由顶层调用的，那么 caller 包含的就是 null 。如果在字符串上下文中使用 caller 属性，那么结果和 functionName.toString 一样，也就是说，显示的是函数的反编译文本。
下面的例子说明了 caller 属性的用法：

 

JavaScript代码
  1. // caller demo {   
  2. function callerDemo() {   
  3.     if (callerDemo.caller) {   
  4.         var a= callerDemo.caller.toString();   
  5.         alert(a);   
  6.     } else {   
  7.         alert("this is a top function");   
  8.     }   
  9. }   
  10. function handleCaller() {   
  11.     callerDemo();   
  12. }   
  13.   

callee

    返回正被执行的 Function 对象，也就是所指定的 Function 对象的正文。

[function.]arguments.callee
可选项 function 参数是当前正在执行的 Function 对象的名称。

说明

callee 属性的初始值就是正被执行的 Function 对象。

callee 属性是 arguments 对象的一个成员，它表示对函数对象本身的引用，这有利于匿名
函数的递归或者保证函数的封装性，例如下边示例的递归计算1到n的自然数之和。而该属性
仅当相关函数正在执行时才可用。还有需要注意的是callee拥有length属性，这个属性有时候
用于验证还是比较好的。arguments.length是实参长度，arguments.callee.length是
形参长度，由此可以判断调用时形参长度是否和实参长度一致。

示例

JavaScript代码
  1. //callee可以打印其本身   
  2. function calleeDemo() {   
  3.     alert(arguments.callee);   
  4. }   
  5. //用于验证参数   
  6. function calleeLengthDemo(arg1, arg2) {   
  7.     if (arguments.length==arguments.callee.length) {   
  8.         window.alert("验证形参和实参长度正确！");   
  9.         return;   
  10.     } else {   
  11.         alert("实参长度：" +arguments.length);   
  12.         alert("形参长度： " +arguments.callee.length);   
  13.     }   
  14. }   
  15. //递归计算   
  16. var sum = function(n){   
  17.   if (n <= 0)                          
  18.   return 1;   
  19.   else  
  20.     return n ＋arguments.callee(n - 1)   
  21. }   

比较一般的递归函数：

 

JavaScript代码
  1. var sum = function(n){   
  2.     if (1==n) return 1;   
  3. else return n + sum (n-1);  

调用时：alert(sum(100));
其中函数内部包含了对sum自身的引用，函数名仅仅是一个变量名，在函数内部调用sum即相当于调用
一个全局变量，不能很好的体现出是调用自身，这时使用callee会是一个比较好的方法。


apply and call

   它们的作用都是将函数绑定到另外一个对象上去运行，两者仅在定义参数方式有所区别：

    apply(thisArg,argArray);

    call(thisArg[,arg1,arg2…] ]);

即所有函数内部的this指针都会被赋值为thisArg，这可实现将函数作为另外一个对象的方法运行的目的

apply的说明

如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。
如果没有提供 argArray 和 thisArg任何一个参数，那么 Global 对象将被用作 thisArg，
并且无法被传递任何参数。

call的说明

call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisArg指定的新对象。
如果没有提供 thisArg参数，那么 Global 对象被用作 thisArg

相关技巧：

应用call和apply还有一个技巧在里面，就是用call和apply应用另一个函数（类）以后，当前的
函数（类）就具备了另一个函数（类）的方法或者是属性，这也可以称之为“继承”。看下面示例:

 

JavaScript代码
  1. // 继承的演示   
  2. function base() {   
  3.     this.member = " dnnsun_Member";   
  4.     this.method = function() {   
  5.         window.alert(this.member);   
  6.     }   
  7. }   
  8. function extend() {   
  9.     base.call(this);   
  10.     window.alert(member);   
  11.     window.alert(this.method);   
  12. }   
  13.   

上面的例子可以看出，通过call之后，extend可以继承到base的方法和属性。

 

顺便提一下，在javascript框架prototype里就使用apply来创建一个定义类的模式，

其实现代码如下：

JavaScript代码
  1. var Class = {   
  2.   create: function() {   
  3.     return function() {   
  4.       this.initialize.apply(this, arguments);   
  5.     }   
  6.   }   
  7. }   

解析：从代码看,该对象仅包含一个方法：Create，其返回一个函数，即类。但这也同时是类的
构造函数，其中调用initialize，而这个方法是在类创建时定义的初始化函数。通过如此途径，
就可以实现prototype中的类创建模式

示例：

JavaScript代码
  1. var vehicle=Class.create();   
  2. vehicle.prototype={   
  3.     initialize:function(type){   
  4.         this.type=type;   
  5.     }   
  6.     showSelf:function(){   
  7.         alert("this vehicle is "+ this.type);   
  8.     }   
  9. }   
  10.   
  11. var moto=new vehicle("Moto");   
  12. moto.showSelf();   
Tags：caller,callee,call,apply | 阅读：1151 | 评论：0

MineFilter范例程序

2007-10-03 19:10 归类于：PHP技术
PHP代码
  1. <?   
  2. header('Content-Type: text/html; charset=UTF-8');   
  3.   
  4. function timer() {   
  5.     global $_timer;   
  6.   
  7.     if(emptyempty($_timer['start'])) {   
  8.         $mtime = explode(' ', microtime());   
  9.         $_timer['start'] = $mtime[1] + $mtime[0];   
  10.         $_timer['count'] ++;   
  11.     } else {   
  12.         $mtime = explode(' ', microtime());   
  13.         echo '<hr>Mecee timer #'.$_timer['count'].': '.number_format(($mtime[1] + $mtime[0] - $_timer['start']), 6);   
  14.         unset($_timer['start']);   
  15.     }   
  16. }   
  17. timer();   
  18. require './MineFilter.class.php';   
  19.   
  20.   
  21.   
  22. $html = file_get_contents('./dat.html');   
  23.   
  24. $hf = new htmlFilter;   
  25.   
  26. //*   
  27. $hf->allowedTags = array(   
  28.         '*' => array('style', 'align', 'title', 'width', 'height', 'color', 'bgcolor'),   
  29.         'a' => array('href'),   
  30.         'b' => 1,   
  31.         'br' => 1,   
  32.         'font' => array('color', 'size'),   
  33.         'i' => 1,   
  34.         'img' => array('src', 'alt'),   
  35.         'p' => 1,   
  36.         'table' => array('border'),   
  37.         'tr' => 1,   
  38.         'td' => 1,   
  39.         'u' => 1,   
  40.         'li' => 1,   
  41. );   
  42. //*/   
  43.   
  44. $hf->disableTags = array(   
  45.         'table' => array('width'),   
  46. );   
  47.   
  48. //*   
  49. $hf->mustAttrs = array(   
  50.         'a' => array('rel' => 'external'),   
  51.         'img' => array('alt' => ''),   
  52. );   
  53. //*/   
  54. $html = $hf->filter($html);   
  55. echo $html;   
  56. ?>   
  57.   
  58. <textarea id="code0" style="width:100%;height:500px" wrap="off">   
  59. <?   
  60. echo htmlentities($html, ENT_NOQUOTES, 'UTF-8');   
  61. ?>   
  62. </textarea>   
  63. <input type="button" value="运行" onclick="runCode(document.getElementById('code0'))">   
  64. <script type="text/javascript">   
  65. function runCode(obj) {   
  66.     var winname = window.open('', "_blank", '');   
  67.     winname.document.open('text/html', 'replace');   
  68.     winname.document.write(obj.value);   
  69.     winname.document.close();   
  70. }   
  71. </script>   
  72. <?   
  73. timer();   
  74.   
  75.     function dhtmlspecialchars($string) {   
  76.         if(is_array($string)) {   
  77.             foreach($string as $key => $val) {   
  78.                 $string[$key] = dhtmlspecialchars($val);   
  79.             }   
  80.         } else {   
  81.             //$string = str_replace('&', '&amp', $string);   
  82.             //$string = str_replace('"', '&quot;', $string);   
  83.             $string = str_replace('<', '&lt;', $string);   
  84.             $string = str_replace('>', '&gt;', $string);   
  85.             //$string = preg_replace('/&amp;(#\d{3,5};)/', '&\\1', $string);   
  86.   
  87.         }   
  88.         return $string;   
  89.     }   
Tags：MineFilter | 阅读：1069 | 评论：0
39上一页 1234567 8 下一页