欧美精品久久久久久,亚洲成av人片在线观看无码,亚洲精品影视在线观看

javascript 创徏DOM节点

zhuyongjp — Wed, 22 Jul 2009 07:27:00 GMT

javascript 如何创徏一�?DOM 节点�Q?br />

key
-------------------------------------------
1、a.创徏一个Element             var newDiv = document.createElement("div");
   b.讄��它的属性              �?newDiv.id = "divNew";
       c.如果需要，创徏子节点    �?var newTable = document.createElement("table");
       d.讄��子节点属性         �?newTable.setAttribute("id","tableNew");
       e.重复步骤c和d,直到完成整个目录�?br />       f.创徏Text节点            var newText = document.createTextNode("string");
g.从叶子节点往上appendChild     newDiv.appendChild(newTable);
                                document.body.appendChild(newDiv);

另一�U�方�?
    a.创徏一个Element            var newDiv = document.createElement("div");
    b.�?innerHTML                                newDiv.innerHTML="

type	value

zhuyongjp 2009-07-22 15:27 发表评论

领悟 JavaScript 中的面向对象

zhuyongjp — Fri, 17 Jul 2009 08:03:00 GMT

领悟 JavaScript 中的面向对象

JavaScript 是面向对象的。但是不��h对这一点理解得�q�不全面�?br />
�?JavaScript 中，对象分�ؓ两种。一�U�可以称为“普通对象”，��是我们所普遍理解的那些：数字、日期、用戯��定义的对象（如：{}�Q�等�{��?br />
�q�有一�U�，�U�Cؓ“方法对象”，��是我们通常定义�?function。你可能觉得奇怪：�Ҏ��是�Ҏ��Q�怎么成了对象了？但是�?JavaScript 中，�Ҏ��的确是被当成对象来处理的。下面是一个简单的例子�Q?br />

Js代码

function func() {alert( 'Hello!' );}
alert(func.toString());

function func() {alert('Hello!');}
alert(func.toString());

在这个例子中�Q�func 虽然是作��Z��个方法定义的�Q�但它自�w�却包含一�?toString �Ҏ��Q�说�?func 在这里是被当成一个对象来处理的。更准确的说�Q�func 是一个“方法对象”。下面是例子的��l�：

Js代码

func.name = “I am func.�?
alert(func.name);

func.name = “I am func.�?
alert(func.name);

我们可以��L��的�ؓ func 讄��属性，�q�更加证明了 func ��是一个对象。那么方法对象和普通对象的区别在哪里呢�Q�首先方法对象当然是可以执行的，在它后面加上一�Ҏ��P��是执行�q�个�Ҏ��对象了�?br />

Js代码

func();

func();

所以，�Ҏ��对象��h��二重性。一斚w��它可以被执行�Q�另一斚w��它完全可以被当成一个普通对象来使用。这意味着什么呢�Q�这意味着�Ҏ��对象是可以完全独立于其他对象存在的。这一�Ҏ��们可以同 Java 比较一下。在 Java 中，�Ҏ��必须在某一个类中定义，而不能单独存在。�?JavaScript 中就不需要�?br />
�Ҏ��对象独立于其他方法，��意味着它能够被��L��的引用和传递。下面是一个例子：

Js代码

function invoke(f) {
f();
}
invoke(func);

function invoke(f) {
    f();
}
invoke(func);

��一个方法对�?func 传递给另一个方法对�?invoke�Q�让后者在适当的时候执�?func。这��是所谓的“回调”了。另外，�Ҏ��对象的这�U�特�D�性，也��?this 关键字不�Ҏ��把握。这斚w��相关文章不少�Q�这里不赘述了�?br />
除了可以被执行以外，�Ҏ��对象�q�有一个特�D�的功用�Q�就是它可以通过 new 关键字来创徏普通对象�?br />
话说每一个方法对象被创徏�Ӟ��都会自动的拥有一个叫 prototype 的属性。这个属性�ƈ无什么特别之处，它和其他的属性一样可以访问，可以赋倹{��不�q�当我们�?new 关键字来创徏一个对象的时候，prototype ��p�v作用了：它的��|��也是一个对象）所包含的所有属性，都会被复制到新创建的那个对象上去。下面是一个例子：

Js代码

func.prototype.name=”prototype of func�?
var f = new func();
alert(f.name);

func.prototype.name=”prototype of func�?
var f = new func();
alert(f.name);

执行的过�E�中会弹��Z��个对话框�Q�后一个对话框表示 f �q�个新徏的对象从 func.prototype 那里拯��?name 属性。而前一个对话框则表�C?func 被作为方法执行了一遍。你可能会问了，��Z��么这个时候要�q�把 func 执行一遍呢�Q�其实这个时候执�?func�Q�就是�v“构造函数”的作用。�ؓ了�Ş象的说明�Q�我们重新来一遍：

Js代码

function func() {
this.name=”name has been changed.�?
}
func.prototype.name=”prototype of func�?
var f = new func();
alert(f.name);

function func() {
    this.name=”name has been changed.�?
}
func.prototype.name=”prototype of func�?
var f = new func();
alert(f.name);

你就会发�?f �?name 属性不再是"prototype of func"�Q�而是被替换成�?name has been changed"。这��是 func �q�个对象�Ҏ��所起到的“构造函数”的作用。所以，�?JavaScript 中，�?new 关键字创建对象是执行了下面三个步骤的�Q?br />

创徏一个新的普通对象；
��方法对象的 prototype 属性的所有属性复制到新的普通对象中厅R�?
以新的普通对象作��Z��下文来执行方法对象�?/li>

对于“new func()”这��L��语句�Q�可以描�q�Cؓ“从 func 创徏一个新对象”。��M��Q�prototype �q�个属性的唯一�Ҏ��之处�Q�就是在创徏新对象的时候了�?/p>

那么我们��可以利用这一炏V��比如有两个�Ҏ��对象 A �?B�Q�既然从 A 创徏的新对象包含了所�?A.prototype 的属性，那么我将它赋�l?B.prototype�Q�那么从 B 创徏的新对象不也有同��L��属性了�Q�写成代码就是这��P��

Js代码

A.prototype.hello = function(){alert('Hello!');}
B.prototype = new A();
new B().hello();

A.prototype.hello = function(){alert('Hello!');}
B.prototype = new A();
new B().hello();

�q�就�?JavaScript 的所谓“��扎쀝了�Q�其实质��是属性的拯��Q�这里利用了 prototype 来实现。如果不�?prototype�Q�那��q��循环了，效果是一��L��。所谓“多重��扎쀝，自然��是到处拯��了�?br />
JavaScript 中面向对象的原理�Q�就是上面这些了。自始至�l�我都没提到“类”的概念�Q�因�?JavaScript 本来��没有“类”这个东�ѝ��面向对象可以没有类吗？当然可以。先有类�Q�然后再有对象，�q�本来就不合理，因�ؓ�c�L��来是从对象中归纳出来的，先有对象再有�c�，�q�才合理。像下面�q�样的：

Js代码

var o = {}; // 我发��C��一个东�ѝ�?
o.eat = function(){return "I am eating."} // 我发现它会吃�Q?
o.sleep = function(){return "ZZZzzz..."} // 我发现它会睡�Q?
o.talk = function(){return "Hi!"} // 我发现它会说话；
o.think = function(){return "Hmmm..."} // 我发现它�q�会思考�?
var Human = new Function(); // 我决定给它�v名叫“�h”�?
Human.prototype = o; // �q�个东西��׃��表了所有“�h”的概念�?
var h = new Human(); // 当我发现其他同它一��L��东西�Q?
alert(h.talk()) // 我就知道它也是“�h”了�Q?/font>

var o = {}; // 我发��C��一个东�ѝ�?
o.eat = function(){return "I am eating."}  // 我发现它会吃�Q?
o.sleep = function(){return "ZZZzzz..."}  // 我发现它会睡�Q?
o.talk = function(){return "Hi!"} // 我发现它会说话；
o.think = function(){return "Hmmm..."} // 我发现它�q�会思考�?

var Human = new Function(); // 我决定给它�v名叫“�h”�?
Human.prototype = o; // �q�个东西��׃��表了所有“�h”的概念�?

var h = new Human(); // 当我发现其他同它一��L��东西�Q?
alert(h.talk()) // 我就知道它也是“�h”了�Q?/pre> 


zhuyongjp 2009-07-17 16:03 发表评论

JavaScript中的Function�Q�函敎ͼ�对象

zhuyongjp — Wed, 15 Jul 2009 03:31:00 GMT

JavaScript中的Function对象是函敎ͼ�函数的用途分�?�c�：

作�ؓ普通逻辑代码容器�Q?
作�ؓ对象�Ҏ��Q?
作�ؓ构造函数�?

1.作�ؓ普通逻辑代码容器

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

函数multiply��装了两位数的乘法运��公式：

var product = multiply(128,128); // product = 16384

创徏函数实例的方式有3�U�。第一�U�是声明式，卛_��声明变量一��P��通过function(){}标识�W�创建的匿名函数直接赋值给变量�Q�以该变量作��用时的函数名�U�ͼ�

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

�W�二�U�是定义式，即以function关键字后跟函数名�U�及(){}来直接定义命名函敎ͼ�前面�W�一个multiply函数��是通过定义式创建的�?/p>

�W�三�U�是构造函数式�Q�即通过new�q�算�W�调用构造函数Function来创建函数。这�U�方式极不常用，因此��׃��作介�l�了�?span id="more-271">

在创建函数的3�U�方式中�Q�声明式和定义式�q�存在细微的差别。比如下列代码中的函数采用声明式�Q?/p>

var example = function(){
return 1;
}
example();
var example = function(){
return 2;
}
example();

执行�l�果如下�Q?/p>

1
2

而如果采用定义式�Q�即�Q?/p>

function example(){
return 1;
}
example();
function example(){
return 2;
}
example();

那么会得到另一�U�结果：

2
2

卻I��在采用定义式创徏同名函数�Ӟ��后创建的函数会覆盖先创徏的函数。这�U�差别是�׃��JavaScript解释引擎的工作机制所��D��的。JavaScript解释引擎在执行�Q何函数调用之前，首先会在全局作用域中注册以定义式创徏的函敎ͼ�然后再依�ơ执行函数调用。由于注册函数时�Q�后定义的函数重写了先定义的函数�Q�因此无��用语句位于何处，执行的都是后定义的函数。相反，对于声明式创建的函数�Q�JavaScript解释引擎会像对待��M��声明的变量一��P��{�到执行调用该变量的代码时才会对变量求倹{��由于JavaScript代码是从上到下顺序执行的�Q�因此当执行�W�一个example()调用�Ӟ��example函数的代码就是首先定义代码；而当执行�W�二个example()调用�Ӟ��example函数的代码又变成了后来定义的代码�?/p>

2.作�ؓ对象�Ҏ��

JavaScript在解析代码时�Q�会为声明或定义的函数指定调用对象。所谓调用对象，��是函数的执行环境。如果函��C��内有以关键字this声明的变量，则this引用的就是调用对象�?/p>

事实上，在普通的函数中，也存在调用对象，只不�q�这个调用对象是默认的全局window对象而已。例如：

var product = window.multiply(128,128); // product = 16384

�q�说明，默认情况下，在全局作用域中定义或声明的函数的调用对象就是window�?/p>

在面向对象编�E�中�Q�通常��作为对象成员的函数�U�Cؓ�Ҏ��。例如：

var dog = {};
dog.name = “heibao�?
dog.age = �? months�?
dog.shout = function(){
return “Hello, My name is �? this.name + �?and I am �?+ this.age + �?old!�?
}
dog.shout(); // “Hello, My name is heibao and I am 3 months old!�?/span>

有意思的是，对象也可以借用其他对象的方法：

var cat = {};
cat.name = “xiaohua�?
cat.age = �? years�?
cat.greet = dog.shout;
cat.greet(); // “Hello, My name is xiaohua and I am 2 years old!�?/span>

另外�Q��用函数对象的call和apply�Ҏ��Q�还可以动态指定函数或�Ҏ��的调用对象：

dog.shout.call(cat); // “Hello, My name is xiaohua and I am 2 years old!�?/span>

或�?/p>

dog.shout.apply(cat); // “Hello, My name is xiaohua and I am 2 years old!�?/span>

3.作�ؓ构造函�?/strong>

JavaScript是通过构造函数来模拟面向对象语言中的�cȝ��。例如：

function Animal(sort, character){
this.sort = sort;
this.character = character;
}

以Animal作�ؓ构造函敎ͼ��可以像下面�q�样创徏一个新对象�Q?/p>
var dog = new Animal(”mammal�?”four legs�?;

创徏dog的对象的�q�程如下�Q�首先，new�q�算�W�创��Z��个空对象�Q�{}�Q�，然后以这个空对象��用对象调用函数Animal�Q��ؓ�q�个�I�对象添加两个属性sort和character�Q�接着�Q�再��这个空对象的默认constructor属性修改�ؓ构造函数的名称�Q�即Animal�Q�空对象创徏旉��认的constructor属性值是Object�Q�，�q�且��空对象的__proto__属性设�|��ؓ指向Animal.prototype——这��是所谓的对象初始化。最后，�q�回初始化完毕的对象。这里将�q�回的新对象赋值给了变量dog�?/p>
dog.sort; // mammal
dog.character; // four legs
dog.constructor; // Animal

聪明的读者结合前面介�l�的内容�Q�可能会认�ؓ使用new�q�算�W�调用构造函数创建对象的�q�程也可以像下面�q�样来实玎ͼ�

var dog = {};
Animal.call(dog, “mammal�?”four legs�?;

表面上看�Q�这两行代码与var dog = new Animal(”mammal�?”four legs�?;是等��L��Q�其实却不是。虽焉��过指定函数的执行环境能够部分达到初始化对象的目的，例如�I�对象dog��实获得了sort和character�q�两个属性：

dog.sort; // mammal
dog.character; // four legs
dog.constructor; // Object —�?注意�Q�没有修改dog对象默认的constructor属�?/span>

但是�Q�最关键的是新创建的dog对象失去了通过Animal.prototype属性��承其他对象的能力。只要与前面采用new�q�算�W�调用构造函数创建对象的�q�程�Ҏ��一下，��׃��发现�Q�new�q�算�W�在初始化新对象期间�Q�除了�ؓ新对象添加显式声明的属性外�Q�还会对新对象进行了一番“暗��操作”——即��新对象的constructor属性重写�ؓAnimal�Q�将新对象的__proto__属性设�|��ؓ指向Animal.prototype。虽然手工“初始化对象”也可以��dog.constructor重写为Animal�Q�但�Ҏ��ECMA262规范�Q�对象的__proto__属性对开发�h员是只读的，对它的设�|�只能在通过new�q�算�W�创建对象时由JavaScript解释引擎替我们完成�?br />JavaScript是基于原型��承的�Q�如果不能正��设�|�对象的__proto__属性，那么��意味着默认的��承机制会失效�Q?/p>
Animal.prototype.greet = “Hi, good lucky!�?
dog.greet; // undefined

事实上，在Firefox中，__proto__属性也是可写的�Q?/p>
Animal.prototype.greet = “Hi, good lucky!�?
dog.__proto__ = Animal.prototype;
dog.greet; // Hi, good lucky!

但这样做只能在Firefox中行得通。考虑到在兼容多浏览器�Q�必��M��赖于new�q�算�W�，才能实现��Z��原型的��ѝ�?/p>

zhuyongjp 2009-07-15 11:31 发表评论

zhuyongjp — Tue, 14 Jul 2009 08:16:00 GMT
1.隐藏所有包含连接的�D�落
$("p[a]").hide()
2.昄��面中的�W�一个段�?
$("p:eq(0)").show()
3.隐藏当前昄��的所有div
$("div:visible").hide()
4.获取ul下所有li��?
$("ul / li") [注意�q�里面没有空�?是因为QQ的那该死的表情会自己出现] 或�?("ul>li")
5.获取所有样式�ؓfoo的包含连接的�D�落
$("p.foo[a]")
6.获取无序列表��中包含"BBB"文本的所有连�?
$("li[a:contains('BBB')]")
7.获取那么属性�ؓbar的input标签
$("input[@name=bar]")
8.获取所有选中的单选按�?
$("input[@type=radio][@checked]")
9.jquery ��页面中所有的 text 文本框设为null
$(":text").val();

zhuyongjp 2009-07-14 16:16 发表评论

js中innerHTML,outerHTML与innerText的用法与区别

zhuyongjp — Tue, 14 Jul 2009 08:12:00 GMT

用法�Q?br />

test1 test2

在JS中可以��用：

test.innerHTML:

　　也就是从对象的�v始位�|�到�l�止位置的全部内�?包括Html标签�?

　　上例中的test.innerHTML的��g��是�?lt;span style="color:red">test1 test2 ”�?br />
test.innerText:

　　从�v始位�|�到�l�止位置的内�? 但它去除Html标签

　　上例中的text.innerTest的��g��是“test1 test2�? 其中span标签去除了�?

test.outerHTML:

　　除了包含innerHTML的全部内容外, �q�包含对象标�{�本�w��?/p>
　　上例中的text.outerHTML的��g��是test1 test2

完整�C�Z��Q?/strong>

test1 test2

innerHTML内容
 inerHTML内容
 outerHTML内容

特别说明�Q?/strong>

　　innerHTML是符合W3C标准的属性，而innerText只适用于IE��览器，因此�Q�尽可能地去使用innerHTML�Q�而少用innerText�Q�如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后�Q�再用正则表辑ּ�去除HTML标签�Q�下面是一个简单的�W�合W3C标准的示例：

无HTML,�W�合W3C标准

-------------------------------------------------------------------------------------------------------------------------------

nothing

汽�R 房�� 女�h

zhuyongjp 2009-07-14 16:12 发表评论

showModalDialog使用�Ҏ��

zhuyongjp — Wed, 01 Jul 2009 12:36:00 GMT
在传�l�的WINDOWS EXE�E�序中，模态对话框�l�常出现。例如，写字板程序（WORDPAD.EXE�Q�中的“查�?选项(O)...”菜单被点中后，跛_��“选项”对话框�Q�用户一定要响应该对话框�Q�如果该对话框不关闭�Q�是无法回到�ȝ��口的。这�l�常被应用于要求用户输入多个参数的场合。我们在��览器中也可以简单地实现该功能�? ---- 在IE��览器中�Q�要求用戯��入可以��用VBScript的INPUTBOX函数、或者J Script的window.prompt�Ҏ��Q�但是界面都比较单调�Q��ƈ且只能传递一个参敎ͼ�而用DHTML来实现就灉|��多了�? ---- 1. 基本语法 ---- window对象有一个方法称为showModalDialog�Q�我们可以在��面按钮的onclick中写如下代码�Q? < BUTTON onclick="window.showModalDialog ('dialog.htm')" >Search< /BUTTON > ---- �pȝ��会在新窗口中打开dialog.htm��面�Q��ƈ且等待用户响应，如果用户不响应该��面�Q�那么主��面��得不到光标�? ---- 在dialog.htm中设�|�window对象的returnValue属性，��可以让主页面得到返回倹{��例如，在页面的��定按钮的onclick中写�Q? window.returnValue = window. document.all.iptPeopleID.value ---- ��输入框iptPeopleID的��D��l�window对象的returnValue属性。在主页面中��可以得到这个��|�� var str = showModalDialog("dialog1.htm") ---- 2. 传递初始化�? ---- 如果要向模态页面中传递初始化��|��可以在主��面中用如下语句�Q? var cSearchValue=showModalDialog ('dialog.htm', 'ABC') 在dialog.htm中��用window.dialogArguments 属性可以得�?ABC'。例如： < SCRIPT FOR=window EVENT=onload LANGUAGE="JScript" > if (window.dialogArguments != null) window.document.all.iptPeopleID.value = window.dialogArguments; < /SCRIPT > ---- 3. 传递多个数�? ---- 如果要向模态页面中传递多个参敎ͼ�可以先在主页面中定义一个对象， function myDialog() { var str1; var str2; } ---- 昄��模态页面之前初始化该对象，然后调用showModalDialog�Ҏ��? function WelcomeYou(iniStr1,iniStr2) { myDialog.str1 = iniStr1; myDialog.str2 =iniStr2 ; if (showModalDialog("dialog2.htm", myDialog) ==false) //��对象传�? ...... ---- 在模态页面中�Q�可以用�q�样的代�? window.document.all.iptID.value= window.dialogArguments.str1 来引用数��|��或者用�q�样的代码对之赋�? window.dialogArguments.str1 = window.document.all.iptID.value ---- 完整例程如下�Q? ---- 对于只传递一个参数的情况�Q�见�Q�Main1.htm和dialog1.htm�? ---- 对于传递多个参数的情况�Q�见�Q�Main2.htm和dialog2.htm�? 父窗体： dim xxx '�q�回�? dim yyy '传到子窗体的参数 var xxx = ShowModalDialog('xxx.asp','yyy','dialogWidth:100px;DialogHeight=290px;status:no') 子窗体： dim yyy '从父�H�体传来的参�? dim xxx '传回父窗体的参数 yyy = window.dialogArguments xxx = window.returnValue 本文来自CSDN博客�Q��{载请标明出处�Q�http://blog.csdn.net/liang4571231/archive/2009/04/29/4135316.aspx

zhuyongjp 2009-07-01 20:36 发表评论