国产日韩成人亚洲丁香婷婷,亚洲情a成黄在线观看动漫尤物,亚洲欧美日韩中文字幕一区二区三区

html中的标签

forgood — Wed, 26 Aug 2009 03:12:00 GMT

有一�ơ编�|�页的时�?把base 标签�l�删掉了,��链接怎么也行不�?老是路径不对,原来是base 标签在做�?
       标记定义了文档的基础URL地址�Q�在文档中所有的相对地址形式的URL都是相对于这里定义的URL而言的。一��文档中�?lt;base>标记不能多于一个，必须放于头部�Q��ƈ且应该在��M��包含URL地址的语句之前�?
      �Q?�Q�href 属�?br />        href属性指定了文档的基��URL地址�Q�该属性在标记中是必须存在的�?br /> 例如�Q�如果希望将文档的基��URL定义�?#8220;www.abc.com”�Q�则可以使用如下语句�Q?br /> 当定义了基础URL地址之后�Q�文档中所有引用的URL地址都从该基��URL地址开始，例如�Q�对于上面的语句�Q�如果文档中一个超�U�链接指向gsl/welcome.htm�Q�则它实际上指向的是如下URL地址�Q�www.abc.com/gsl/welcome.htm
       �Q?�Q�target
        target属性同框架一起��用，它定义了当文档中的链接被点击后，在哪一个框架中展开��面。如果文档中��链接没有明确指定展开��面的目标框枉��Q�则��׃��用这里定义的地址代替。常用的target的属性值有�Q?br />         _blank�Q�表明在新窗口中打开链接指向的页面�?br />         _self�Q�在当前文档的框架中打开��面�?br />         _parent�Q�在当前文档的父�H�口中打开��面�?br />         _top�Q�在链接所在的完整�H�口中展开��面�?/font>

forgood 2009-08-26 11:12 发表评论

forgood — Sun, 19 Jul 2009 10:03:00 GMT

学习资源�Q?br />

http://www.cnblogs.com/jimmyzhang/archive/2007/10/24/936151.html �Q�花�?-2个小时仔�l�学习，然后反复实践�Q�能够很快上手）

正则表达式工��P��

我首推RegexBuddy了。下面这个地址里有RegexBuddy3.2.1完整版的下蝲地址�Q�如果你仔细��览�q�个�|�站�Q�会发现此�h是一个正则表辑ּ�狂热分子�Q�：

http://iregex.org/blog/regexbuddy321.html

forgood 2009-07-19 18:03 发表评论

forgood — Mon, 06 Jul 2009 14:17:00 GMT

1�?lt;script language="javascript">

window.onbeforeunload = function()

{

if(((event.clientX > document.body.clientWidth - 43) && (event.clientY < 23)) || event.altKey) {

window.event.returnValue = '关闭�?;

}

2�?lt;script language="javascript">

window.onbeforeunload = function()

{

var n = window.event.screenX - window.screenLeft;

var b = n > document.documentElement.scrollWidth-20;

if(b && window.event.clientY < 0 || window.event.altKey)

{

alert("是关闭而非��h��");

window.open(this.location);

//return false;

//window.event.returnValue = ""; }

}

本文来自CSDN博客�Q��{载请标明出处�Q�http://blog.csdn.net/ajaxchen_615/archive/2009/07/06/4325917.aspx

forgood 2009-07-06 22:17 发表评论

forgood — Thu, 26 Mar 2009 06:32:00 GMT

1.对象和属�?/strong>

    对象是一�U�复核数据类型，它们��多个数据值几�U�在一个单元中�Q�而且允许使用名字来存取这些��|��卛_��象是一个无序的属性集合，�q�个属性都有自��q��名字和��|��存储在对象中的以命名的值可以是数字和字�W�串�q�样的原始��|��也可以是对象�?/p>
2.对象的创�?/strong>

    对象是由�q�算�W�new来创建的�Q�在�q�个�q�算�W�之后必��L��用于初始化对象的构造函数名�?/p>
    创徏一个空对象�Q�即没有属性的对象�Q?/p>
    var o = new Object();

    js�q�支持内部构造函敎ͼ�它们以另一�U�简�z�的方式初始化新创徏的对�?/p>
    var now = new Date();

    var new_year = new Date(2009,09,19);

3.属性的讄��和查�?/strong>

4.属性的枚�D

    for/in循环列出的属性�ƈ没有特定��序�Q�而且它只能枚丑և�所有用户定义的属性，但是却不能枚丑և�那些预定义的属性或�Ҏ(gu��)��,�q�且它可�?/p>
枚�D��设�ؓundefined的属性，但是它不能列��delete删除的属性�?/p>
5.未定义的属�?/strong>

    如果要读取一个不存在属性的��|��那么得到的结果是一个特�D�的js��|��undefined

    可以使用delete来删除一个对象的属性，注意�Q�删除一个属性�ƈ不仅仅是把该属性设�|��ؓundefined�Q�而是真正从对象中�U�除了该属性�?/font>

6.构造函�?/strong>

    它由new�q�算�W�调用，传递给它的是一个新创徏的空对象引用�Q�将该引用作为关键字this的��|��而且它还要对新创建的对象�q�行适当的初始化�?/p>
    注意�Q�构造函数如何��用它的参数来初始化this关键字所引用的对象的属性，��C��Q�构造函数只是初始化了特定的对象�Q�但�q�不�q�回�q�个对象�?/p>
    构造函数通常没有�q�回��|��他们只是初始化由this��g��递进来的对象�Q��ƈ且什么也不返�?.但是�Q�构造函数可以返回一个对象��|��如果�q�样做，被返回的对象��成了new表达式的��g��Q�在�q�种情况下，

this值所引用的对象就被丢弃了�?/font>

7.�Ҏ(gu��)��

    �Ҏ(gu��)��有一个非帔R��要的属性，卛_��Ҏ(gu��)��M��内部�Q�关键字this的值变成了调用该方法的对象�?/font>

    �Ҏ(gu��)��和函数的区别�Q�其实他们没有什么技术上的差别，真正的区别存在于设计和目的上�Q�方法是用来对this对象�q�行操作的，而函数通常是独立的�Q��ƈ不需要��用this对象�?/p>
8.原型对象和��?/strong>

    js对象�?#8220;�l�承”原型对象的属性，每个对象都有原型对象�Q�原型对象的所有属性是以它为原型的对象的属性，也就是说�Q�每个对象都�l�承原型对象的所有属性，

    一个对象的原型是有创徏�q�初始化该对象的构造函数定义的�Q�js中的所有函数都有prototype属性，它引用一个对象，虽然原型对象初始化时是空的，但是你在其中定义的�Q何属性都会被构造函数创�?/font>

的所有对象��ѝ�?/font>

    构造函数定义了对象的类�Q��ƈ初始化了�c�M��状态变量的属性，因�ؓ原型对象和构造函数关联在一��P��所以类的每个成员都从原型对象��承了相同的属性，�q�说明原型对象是存放�Ҏ(gu��)��和其他常量属性的�?/p>
惛_��所�?/p>
    �l�承是在查询一个属性值时自动发生的，属性�ƈ非从原型对象赋值到新的对象的，他们只不�q�看��h��像是那些对象的属性，有两炚w��要的含义�Q�一是：使用原型对象可以大量减少每个对象对内存的需�?/p>
量，因�ؓ对象可以�l�承许多属性；而且即��属性在对象被创��Z��后才��d��属性到它的原型对象中，对象也能够��承这些属性�?/p>
    属性的�l�承只发生在��d��性值时�Q�而在写属性值时不会发生�?/p>
    因�ؓ原型对象的属性被一个类的所有对象共享，所以通常只用他们来定义类中所有对象的相同的属性，�q��得原型对象适合于方法定义，另外原型对象�q�适合于具有常量的属性的定义�Q?/p>
a.原型和内部类

不只是用户定义的�c�L��原型对象�Q�像内部�c�d��样具有原型对象，也可以给他们赋��|��

e.g    String.prototype.endsWith = function(o){

            return (e == this,charAt(this.length-1));

        }

9.面向对象的js

    在面向对象的�E�序设计中，共有的概忉|��强类型和支持以类为基��的��承机�Ӟ��Ҏ(gu��)��q�个评判标准�Q�就可以证明js不是面向对象语言�?/p>
    js对象可以��h��大量的属性，而且�q�可以动态的��这些属性添加到对象中，�q�是寚w��对象c++和java做不到的�Q?/p>
    虽然js没有�cȝ��概念�Q�但是它用构造函数和原型对象模拟了类�?/p>
    js和以�c�Mؓ基础的面向对象语�a�中，同一个类可以��h��多个对象�Q�对象是它所属的那个�cȝ��实力�Q�所以�Q何类都可以有多个实例�Q�js中的命名延勇了java中的命名�U�定�Q�即命名�c�L��以大写字母开��_��命名对象时以��写字母开��_��c�d��助我们区分代码中的类和对象�?/p>
实例属�?/strong>

    每个对象都有它自己单据的实力属性的副本�Q��ؓ了模拟面向对象的�E�序设计语言�Q�js中的实例属性是那些在对象中用构造函数创建的或初始化的属性�?/p>
实例�Ҏ(gu��)��

    实例�Ҏ(gu��)��和实例数据非常的�怼��Q�实例方法是��q��定对象或实例调用的，实例�Ҏ(gu��)��使用了关键字this来引用他们要操作的对象或实例�Q�但是和实例属性不同额一�Ҏ(gu��)��每个实例�Ҏ(gu��)��都是��q��的所有实例共享的�Q?font color="#ff0000">在js中，�l�类定义一个实例方法，是通过把构造函数的原型对象中的一个属性设�|��ؓ函数值类实现的，�q�样�Q�由那个构造函数创建的所有对象都会共享一个以�l�承的对函数的引用，而且使用上面素数的方法调用语法就能够调用�q�个函数�?/font>

�c�d��?/strong>

   �c�d��性是一个与�cȝ��兌��的变量，而不是和�cȝ��每个实例相关联的变量�Q�每个类属性只有一个副本，它是通过�c�d��取的�Q�可以简单的定义了构造函数自�w�的一个属性来定义�c�d��?/p>
�c�L��?/strong>

    �c�L��法是一个与�c�d��联在一��L��Ҏ(gu��)��Q�而不是和�cȝ��实例兌��在一��L��Ҏ(gu��)��Q�要调用�c�L��法，��必��M��用类本��n�Q�而不是��用类的特定实例。由于类�Ҏ(gu��)��不能通过一个特定对象调用，所以��用关键字this对它来说没有意义�Q�和�c�d��性一��P��c�L��法是全局性的�Q?/p>
��类和子�c?/strong>

    面向对象语言中有�c�d��ơ的概念�Q�每个类都有一个超�c�，他们从超�c�M��l�承属性和�Ҏ(gu��)��Q�类�q�可以被扩展�Q�或者说子类化，�q�样其他子类��p��l�承它的行�ؓ�Q�js中��承是以原型�ؓ基础的，而不是以�c�d��的��承机�Ӟ��但是我们仍旧能够�ȝ��出篏世的�c�d��ơ图�Q�在js中，�c�Object是最通用的类�Q�其他所有类都是专用化了的版本，或者说的是Object的子�c�，另一�U�解释方法是Object是所有内部类的超�c�，所有类都��承了Object的基本方法�?/p>
   举例说明�Q?/p>
        �c�Complex的对象就�l�承了Complex.prototype对象的属性，而后者又�l�承了Object.prototype的属性，由此可以推出�Q�对象Complex�l�承了两个对象的属性，在Complex对象中查询某个属性时�Q�首先查询的是这个对象本�w�，如果在这个对喜爱那个中没有发现要查询的属性，��查询Complex.prototype对象�Q�最后，如果在那个对象中�q�没有最后按到要查询的属性，��查询Object.prototype对象�Q�注意类层次关系中的属性隐藏。参考P153

10.作�ؓ兌��数组的对�?/strong>

    �q�算�W?#8220;.”�c�d��取一个对象属性，而数�l�更常用的存取书香运��赋是[],下面的两行代码是�{��h(hu��n)的：

    obj.property   ====== obj["property"],他们的语法区别是�Q�前者的属性名是标识符�Q�后者的属性名却是一个字�W�串�Q?/p>
    在c、c++、java和其他类似的强类型语�a�中，一个对象的属性数是固定，而且必须预定义这些属性的名字�Q�由于js是一�U�弱�c�d��语言�Q�它�q�没有采用这一规则�Q�所以在用js�~�写的程序，可以为对象创��Z�Q意数目的属性，但是当你采用“.”�q�算�W�来存取一个对象的属性时�Q�属性名时是用标识符表示的，而js�E�序性中�Q�标识符必须被逐字的输入，他们不是一�U�数据类型，因此�E�序不能对他们进行操作�?/p>
    constructor属�?/strong>

        每个对象都有constructor属性，它引用的是用来初始化该对象的构造函数。但是�ƈ不是所有的对象都具有自己唯一的constructor属性，相反�Q�如果这个属性是从原型对象��承来的�?/p>
        js会�ؓ我们定义的每一个构造函数都创徏一个原型对象，�q�且��那个对象赋�l�构造函数的prototype属性�?font color="#ff0000">但是之前没有说明原型对象初始时是非空的，在原型对象创��Z��初，它包括一个constructor属性，用来引用构造函敎ͼ�也就是说�Q�如果有一个函数f�Q�那么属性f.prototype.constructor��L��{�于f的�?/font>

        �׃��构造函数定义了一个对象的�c�，所以属性construtor在确定给定对象的�c�d��时是一个功能强大的工具�?/p>
        �q�不能保证constructor属性��L��存在的，例如�Q�一个类的创��可以用一个全新的对象来替换构造函数的原型对象�Q�而新对象可能不具有有效的constructor属性�?/p>


    toString()�Ҏ(gu��)��

    toLocaleString()�Ҏ(gu��)��

    valueOf()�Ҏ(gu��)��

        js需要将一个对象�{化成字符创之外的原型�c�d��Ӟ��p��用它�Q�这个函数返回的是能代表关键字this所引用的对象的值的数据�?/p>
    hasOwnProperty()

        如果兑现局部定义了一个非�l�承的属性，属性名是由一个字�W�串实际参数指定的，那么该方法就�q�回true�Q�否则，它将�q�回false�?/p>
    propertyIsEnumerable()

        如果对象定义了一个属性，属性名是由一个字�W�串实际参数指定的，而且该属性可以用for/in循环枚�D出来�Q�那么该�Ҏ(gu��)��q�回true�Q�否则返回false�?/p>
    注意�Q�该�Ҏ(gu��)��只考虑对象直接定义的属性，而不考虑�l�承的属性，因�ؓ�q�回false可能是因为那个属性是不可枚�D的，也可能是因�ؓ它虽然是可以枚�D的，但却是个�l�承的属性�?/p>
    怎么判断一个属性是可枚丄��Q?/p>
    isPrototypeOf()

     如果调用对象是实际参数指定的对象的原型对象，该方法返回true�Q�否则返回false�Q�该�Ҏ(gu��)��的用途和对象的constructoe属性相伹{�?/p>








forgood 2009-03-26 14:32 发表评论

forgood — Sat, 21 Mar 2009 04:45:00 GMT

1.函数

    注意�Q�定义函数时可以使用个数可变的参敎ͼ�而且函数既可以有return语句�Q�也可以没有return语句�Q�如果函��C��包含return语句�Q�它?y��u)��只执行函数体中的每条语句，然后�q�回�l�调用者undefined�?/p>
    使用�q�算�W�typeof来检��参数的数据�c�d��Q��用if(!param)return;来判断是否存在该参数�Q�因为js是一�U�无�c�d��语言�Q�所以你不能�l�函数的参数制定一个数据类型，而且js也不会检��传递的数据是不是那个函数所需要的�c�d��Q�如果参数很重要�Ӟ��׃��用前面介�l�的�q�算�W�进行检��?/p>
    不可变参数js的处理：如果传递的参数比函数需要的个数多，那么多余的几个参数被忽略掉，如果传递的参数比函数需要的个数��，那么多余的几个参数就会被赋予undefined�Q�在大多数情况下�Q�这回��得函��C�生错误�?/p>
2.嵌套函数

    a�Q�函数定义中可以嵌套其他函数的定义，但是只能在在��层全局代码和顶层函��C��码中�Q�不能出现在循环或条件语句中�Q��ƈ且这些限制只应用于由function语句声明的函敎ͼ�函数直接量可以出现在��M��js表达式中�?/p>
3.Function()构造函�?/p>
    可以使用Function()构造函数和new�q�算�W�动态地定义函数�Q?var f = new Function("x","y","return x*y;");它等价于�Q�function f(x,y){return x*y;}

    Function构造函数可以接受�Q意多个字�W�串参数�Q�它的最后一个参数是函数的主体，其中可以包含��M��js语句�Q�语句之间用分号分隔。由于传递给构造函数Function()的参��C��没有一个用于说明它要创建的函数名，用Function()构造函数创建的未命名函数有时被�U�C��?#8220;匿名函数”�?/p>
    Function()函数存在的意义：因�ؓFunction()构造函数允许我们动态地建立和编译一个函敎ͼ�它不会将我们限制在function语句预编译的函数体中�Q�另一个原因是它能��函数定义�ؓjs表达式的一部分�Q�而不是将其定义�ؓ一个语句；�~�点是：�q�样做每�ơ调用一个函数时�Q�Function()构造函数都要对它进行编译，

4.函数直接�?/p>
    函数直接量是一个表辑ּ��Q�它可以定义匿名函数�?/p>
    function f(x){return x*x;}                  //function语句

    var f = new Function("x","return x*x;");    //Function()构造函�?/p>
    var f = function(X){return x*x;};           //函数直接�?/p>
    虽然函数直接量创建的是未命名函数�Q�但是它的语法也规定它可以指定函数名�Q�这在编写调用自�w�的递归函数时特别的有用�Q�e.g

var f= function fact(x){if(x<=1)return 1; else return x*fact(x-1);}

�ȝ��Q�function()函数可以��L��的��用，��h��通用性，Function()函数和函数直接量��h��很多的相似性，他们都是未命名函敎ͼ�函数直接量可以有函数名，��其是在子调用函��C��Q�，函数直接量有个重要的有点�Q�函数直接量只被解析和编译一��?/font>�Q�而作为字�W�串传递给Function()构造函数的js代码则在每次调用构造函数时只需要被解析和编译一�ơ�?/p>
函数最重要的特性就是他们能够被定义和调用，但是在js中函数�ƈ不只是一�U�语法，�q�可以是数据�Q�可以把函数赋给变量、存储在对象的属性中或存储在数组的元素中�Q�传递给函数。其实函数名�q�没有什么实际意义，它只是保存函数的变量的名字，可以��这个函数赋�l�其他的变量�Q�它仍然以相同的方式起作用，

e.g    function square(x){x*x;}

var a = square(4);

var b = square;//�q�种情况下b引用的函数和square的作用相�?/p>
var c = b(5);

除了赋给全局变量之外�Q�还可以��函数赋�l�对象的属性，�q�是�U�函��Cؓ�Ҏ(gu��)��;也可以赋�l�数�l�元素�?/p>
e.g

    var a = new Object;     var a = new Object();

    a.square = new Function("x","return x*x";);

    y = o.square(16);

e.g

    var a = new Array(3);

    a[0] = function(x){return x*x;};

    a[1] = 20;

    a[2] = a[0](a[1]);

    除这些之外，如何��函��C��为参��C��递给其他函数�Q?/p>
e.g

function add(x,y){return x+y;}

function subtract(x,y){return x-y;}

function multiply(x,y){return x*y;}

function dibide(x,y){return x/y;}

function operate(operator,operand1,operand2){

    return operator(operand1,operand2);

}

var i = operate(add,operate(add,2,3),operate(multiply,4,5));

var operators = new Object();

operators["add"] = function(x,y){return x+y;}

operators["multiply"] = function(x,y){return x*y;}

operators["divide"] = function(x,y){return x/y;}

operators["pow"] = Math.pow;

function operate2(op_name,operand1,operand2){

    if(operators[op_name] == null)return "unknow operator";

    else    return operators[op_name](operand1,operand2);

}

var j = operate2('add',"hello",operate2("add","","world"));

var k = operate2('pow',10,2);

5.函数的作用域�Q�调用对�?/p>
    函数的作用域中除了全局变量、函数内部的局部变量和形式参数外，函数�q�定义了一个特�D�属性，

    arguments�Q�这个属性应用了另外一个特�D�的对象-----Arguments对象�Q?/font>因�ؓarguments属性是调用对象的一个属性，所以它的状态和局部变量以及函数的形式参数是相同的�?/font>

    所以arguments标识�W�被看做是保留字�Q�不能将它作为变量名或�Ş式参数名�?/p>
6.Arguments对象

    arguments它具有特�D�的意义�Q�是调用对象的一个特�D�属性，用来引用Arguments对象�Q�Arguments对象��像数组�Q�可以按照数字获取传递给函数的参数��|��但是它�ƈ非真正的Array对象�?/p>
    arguments��h��length属性，

    可以使用arguments来检��调用函��C��用了正确数目的实际参敎ͼ�

注意�Q�arguments�q��真正的数�l�，它是一个Arguments对象�Q�Arguments对象有一个非同寻常的特征�Q�当函数��h��命名了的参数�Ӟ��Arguments对象的数�l�元素是存放函数参数的局部变量的同义词�?/p>
e.g

function(x){

    alert(x); //昄��参数的初始�?/p>
    arguments[0] = null;//改变数组预算也会改变x

    alert(x); //现在昄��?#8220;null”

除了数组元素�Q�Arguments对象�q�定义了callee属性，用来引用当前正在执行的函敎ͼ��q�对未命名的函数调用自��n非常有用�?/p>
e.g

function(x){

    if(x<-1)return 1;

    return x*arguments.callee(x-1);

}

7.函数的属性和�Ҏ(gu��)��

    �׃��函数是对象，所以它��h��数据和方法�?/p>
函数的length属�?/p>
    函数的属性length和arguments属性的length不同�Q�arguments数组的length属性指定了传递给该函数的实际参数数目�Q��ƈ�?font color="#ff0000">arguments属性的length只在函数内部起作�?/font>�Q�而函数自�w�的length属性它是只�ȝ��Q�返回的�?font color="#ff0000">函数需要的实际参数的数目，�q�且函数的属性length函数体的内部和外部都在是有效�?/font>�?/p>
函数的prototype属�?/p>
    每个函数都有一个prototype属性，它引用的是预定义的原型对象，原型对象在��用new�q�算�W�把函数作�ؓ构造函数时起作用�?/p>
函数自定义属�?/p>
    有时候定义全局变量比较乱，可以通过自定义函数属性来解决

函数的apply()和call()�Ҏ(gu��)��

    他们的第一个参数都是要调用的函数的对象�Q�在函数体内�q�一参数是关键字this的��|��call()的剩余参数是传递给要调用的函数的��|��apply()的剩余参数是由数�l�指定的参数�?/h1>

forgood 2009-03-21 12:45 发表评论

forgood — Fri, 15 Aug 2008 04:47:00 GMT

先来看一张简单的文档�?br />
很明显树的顶层节�Ҏ(gu��)��NodeA节点,接下来可以通过指定的合适节点移动到树中的�Q何点,�l�合以下的代码你可以更好的了解这��|��节点间的�怺�关系:
NodeA.firstChild = NodeA1
NodeA.lastChild = NodeA3
NodeA.childNodes.length = 3
NodeA.childNodes�Q?�Q?= NodeA1
NodeA.childNodes�Q?�Q?= NodeA2
NodeA.childNodes�Q?�Q?= NodeA3
NodeA1.parentNode = NodeA
NodeA1.nextSibling = NodeA2
NodeA3.prevSibling = NodeA2
NodeA3.nextSibling = null
NodeA.lastChild.firstChild = NodeA3a
NodeA3b.parentNode.parentNode = NodeA

DOM定义�Ҏ(gu��)��作一个文档对象的节点�l�构提供了实用的�Ҏ(gu��)��,它提供了像执行对象插�?更新,删除,克隆�{�这些常用的�Ҏ(gu��)��?br /> insertBefore()--在参考子节点之前插入一个新的子节点.如果参考的子节点�ؓnull,则新的子节点��作��用节点的最后一个子节点插入�?br /> replaceChild()--在childNodes集合�U��用指定的newChild来代替oldChild;如果代替成功,则返回oldChild;如果newChild是null,则只需删除oldChild卛_��?br /> removeChild()--从节点的ChildNodes集合中删除removeChild指定的节�?如果删除成功,则返回删除的子节炏V�?br /> appendChild()--��d��一个新节点到childNodes集合的末��?如果成功,则返回新节点�?br /> cloneNode()--创徏一个新的、复制的节点,�q�且如果传入的参数是true�?�q�将复制子节�?如果节点是一个元�?那么�q�将复制相应属�?�q�回新的节点�?br />
��Z��在一��|��档树中访问或者徏立一个新的节�?可以用下面这些方�?
getElementById()
getElementsByTagName()
createElement()
createAttribute()
createTextNode()
注意:在一个页面中只有一个文档对�?除了getElementsByTagName()�?其它�Ҏ(gu��)��均只能通过document.methodName()调用�?br />
再看一下下面这个例�?

This is a sample paragraph.

�l�果��会昄��"P",下面是一些解�?br /> document.documentElement - gives the page's HTML tag.
lastChild - gives the BODY tag.
firstChild - gives the first element in the BODY.
tagName - gives that element's tag name, "P" in this case.
另一�?

This is a sample paragraph.

�q�个例子和上面�ƈ没有什么大的区�?仅仅是多了一个空�?但是在NS�?会自动�ؓ�I��加上一个节�Ҏ(gu��)��以返回值是"undefined",而在IE中将跌��I��仍然指向P标签�?br />
更常用的�Ҏ(gu��)��:

This is a sample paragraph.

...
alert(document.getElementById("myParagraph").tagName);
�q�种�Ҏ(gu��)��你不用关心节点在文档树的哪一个地�?而只要保证在��面中它的ID��h��唯一的就可以了�?br />
接下来一�U�访问元素节点的�Ҏ(gu��)��是document.getElementsByTagName(),它的�q�回值是一个数�l?例如你可以通过下面的例子改变整个页面的�q�接�Q?br /> var nodeList = document.getElementsByTagName("A");
for (var i = 0; i < nodeList.length; i++)
nodeList[i].style.color = "#ff0000";

attribute和attributes
attribute对象和元素相�?但是却没有被认�ؓ是文档树的一部分,因此属性不能作为子节点集合的一部分来��用�?br /> 有三�U�方法可以�ؓ元素建立新的属�?br /> 1.
var attr = document.createAttribute("myAttribute");
attr.value = "myValue";
var el = document.getElementById("myParagraph");
el.setAttributeNode(attr);
2.
var el = document.getElementById("myParagraph");
el.setAttribute("myAttribute", "myValue");
3.
var el = document.getElementById("myParagraph");
el.myAttribute = "myValue";
你可以在html标签�U�定义自��q��属�?

This is a sample paragraph.

...
alert(document.getElementById("myParagraph").getAttribute("myAttribute"));
�q�回值将�?myValue".但是��h��意这里必��M��用getAttribute,而不是AttributeName,因�ؓ有一些浏览器�q�不支持自定义属性�?br />
attributes也可以被��L��的从一个元素中删除,你可以��用removeAttribute()或者将element.attributeName指向一个null倹{�?br /> 通过attributes我们��可以��生一些动态效果：

Text in a paragraph element.

... code for the links ...
document.getElementById('sample1').setAttribute('align', 'left');
document.getElementById('sample1').setAttribute('align', 'right');
另一�U?

Text in a paragraph
element.

... code for the links ...
document.getElementById('sample2').style.textAlign = 'left';
document.getElementById('sample2').style.textAlign = 'right';
跟上面的例子一�?展示了可用通过元素修改style中的属�?甚至是class中的.唯一要提到的是textAlign是从style中的text-align中演变而来�?有一条基本规�?��是style中的属性如果出�?则在dom中将会被��L��q�且随后的一个字母将改�ؓ大写,�q�有一点就是如果即使元素中没有style属�?上述例子同样可以使用�?br />
text nodes:
先看一下例子：

This is the initial text.

... code for the links ...
document.getElementById('sample1').firstChild.nodeValue =
'Once upon a time...';
document.getElementById('sample1').firstChild.nodeValue =
'...in a galaxy far, far away';
首先text nodes�q�没有像elements那样��h��id属�?所有它�q�不能直接通过document.getElementById()或者document.getElementsByTagName()讉K��
看一下下面的�l�构也许会更明白一些：

可以看出通过document.getElementById('sample1').firstChild.nodeValue��可以读取或者设�|�text nodes的��g��?br />
另一个更加复杂一点的例子�Q?br />
This is the initial text.

它的文档�l�构

在这里通过document.getElementById('sample1').firstChild.nodeValue讲仅仅改�?This is the"
�?strong>initial text.��不会改�?在这里大家应该看��C��它和innerHTML的不同了.当然你也可以�q�样用：
document.getElementById('sample3').firstChild.nodeValue =
'Once upon a time...';
document.getElementById('sample3').firstChild.nodeValue =
'...in a galaxy far, far away';
其中的html代码��不会被解释,��览器将把他们当成普通的文本来显�C��?br />
创徏和删除text nodes:
var myTextNode = document.createTextNode("my text");
通过上面的代码你可以创徏一个新的text node,但是它�ƈ不是文档树的一部分,要让它显�C�在��面上就必须让它成�ؓ文档树中某一个节点的child,因�ؓ
text nodes不能有儿�?所以你不能��它加入��C��个text nodes�?attribute也不属于文档树的一部分,�q�条路也不行,现在只剩下elements nodes
�?以下的例子展�C�Z��如何��d��和删除一个text node�Q?br />
Initial text within a paragraph element.

... code to add a text node ...
var text = document.createTextNode(" new text " + (++counter1));
var el = document.getElementById("sample1");
el.appendChild(text);
... code to remove the last child node ...
var el = document.getElementById("sample1");
if (el.hasChildNodes())
el.removeChild(el.lastChild);
增加文本是很�Ҏ(gu��)��?上面的代码徏立了一个新的text node�q�且通过appendChild()�Ҏ(gu��)��其加入到childNodes数组的末��?�q�设�|�了一个counter1的全局变量,利于观察
hasChildNodes()的返回值是true or false;用来判断当前节点是否�q�有child,以阻止当其没有child的时候调用removeChild()产生的错误�?br />
创徏element nodes
有了上面的基��,应该更容易理解了,先看一下下面的代码

This text is in a DIV element.

... code for the link ...
var paraEl, boldEl;
paraEl = document.createElement("p");
boldEl = document.createElement("b");
paraEl.appendChild(document.createTextNode("This is a new paragraph with "));
boldEl.appendChild(document.createTextNode("bold"));
paraEl.appendChild(boldEl);
paraEl.appendChild(document.createTextNode(" text added to the DIV"));
document.getElementById("sample1").appendChild(paraEl);
你还可以直接为新加的element nodes讄��attribute,以下两种都可�?
boldEl.style.color = "#ffff00";
paraEl.appendChild(boldEl);
或�?
paraEl.appendChild(boldEl);
boldEl.style.color = "#ffff00";

forgood 2008-08-15 12:47 发表评论

国产日韩成人亚洲丁香婷婷,亚洲情a成黄在线观看动漫尤物,亚洲欧美日韩中文字幕一区二区三区

html中的标签

他们的第一个参数都是要调用的函数的对象�Q�在函数体内�q�一参数是关键字this的��|��call()的剩余参数是传递给要调用的函数的��|��apply()的剩余参数是由数�l�指定的参数�?/h1> forgood 2009-03-21 12:45 发表评论

他们的第一个参数都是要调用的函数的对象�Q�在函数体内�q�一参数是关键字this的��|��call()的剩余参数是传递给要调用的函数的��|��apply()的剩余参数是由数�l�指定的参数�?/h1>

forgood 2009-03-21 12:45 发表评论