`

JS学习小结

F# 
阅读更多

     JS学习总结

<o:p> </o:p>

 Confirm()<o:p></o:p>

<o:p> </o:p>

<o:p> </o:p>

<!---->一、<!---->document对象的三个方法说明:

      1getElementById(“key”); 

        注:参数KEY页面中对象的ID属性, 返回的是页面中第个一对象属性IDKEY值的对象

<o:p> </o:p>

2getElementsByName("key”);

   注:参数KEY是页面中对象的NAME属性,返回的是一个对象数组(数组中的对象的属性NAME的值均为KEY)。

<o:p> </o:p>

3getElementsByTagName("input");

   注:参数KEY是页面中对象的标签名,

如:<input type=”radio” value=’<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="1" unitname="’">1’</st1:chmetcnv> name=’sex’ />

KEY值为“INPUP”。

<o:p> </o:p>

返回的一个对象数组(数组中的对象标签是同名的)。

<o:p> </o:p>

<o:p> </o:p>

JS中,通过以上三个方法得到的对象是一个document的节点NODE),对对象的操作实际上就是对document的节点(NODE)操作。

如:var obj=document.getElementById(“username”); 取得一个节点(对象)

   obj.name  取得这个节点(对象)属性为”NAME“的值

   obj.value  取得这个节点(对象)属性为”VALUE“的值

   obj.value=’<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="6688" unitname="’">6688’</st1:chmetcnv>  设置这个节点(对象)属性为”VALUE“的值

<o:p> </o:p>

4、使用$()方法

$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个元素。

比起DOM中的方法,这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象

function test2()
{
var divs = $('myDiv','myOtherDiv');
for(i=0; i<divs.length; i++)
{
alert(divs[i].innerHTML);
}
}

使用$F()函数

$F()函数是另一个大收欢迎的快捷键,它能用于返回任何表单输入控件的值,比如text box,drop-down list。这个方法也能用元素id或元素本身做为参数。

<o:p> </o:p>

使用$A()函数

$A()函数能把它接收到的单个的参数转换成一个Array对象。

这个方法,结合被本类库扩展了的Array类,能方便的把任何的可枚举列表转换成或拷贝到一个Array对象。一个推荐的用法就是把DOM Node Lists转换成一个普通的Array对象,从而更有效率的进行遍历,请看下面的例子。

<o:p> </o:p>

<o:p> </o:p>

分享到:
评论

相关推荐

    Javascript学习总结

    Javascript学习总结, Javascript学习总结, Javascript学习总结, Javascript学习总结 Javascript学习总结

    js学习总结

    关于js的学习总结 很有用 有时间可以看看

    JavaScript学习总结

    JavaScript,作为全球最广泛使用的编程语言之一,是创建动态网页和交互式应用...通过阅读《JavaScript学习笔记.pdf》,你应该能够更全面地理解和运用JavaScript的属性、方法和事件,为你的Web开发之旅奠定坚实的基础。

    JS学习总结

    JS的学习总结,详细对js对象的扩张描写

    Javascript学习总结.doc

    JavaScript学习总结 JavaScript是一种解释型的脚本语言,主要应用于Web应用开发,尤其在HTML网页中,它赋予网页动态功能,使得用户体验更加丰富。早期JavaScript主要用于简单的网页特效,如表单验证和浮动广告,但...

    21天学js总结

    在“21天学js”教程中,JavaScript作为一种强大的客户端脚本语言,广泛应用于网页交互和动态效果的实现。这个21天的学习旅程涵盖了JavaScript的基础到进阶内容,旨在帮助初学者快速掌握这一核心技术。 首先,我们从...

    Ext js 学习总结

    个人总结对Ext js 的学习总结,希望对各位朋友有所帮助

    js的全套学习总结,xmind版本

    这份“js的全套学习总结,xmind版本”提供了一个全面的学习路线图,旨在帮助开发者系统地理解和掌握JavaScript的核心概念及高级特性。 首先,JavaScript的基础知识包括变量、数据类型(如字符串、数字、布尔值、...

    J2EE+javascript学习总结

    网上找的 J2EE+javascript学习总结,非教学文档

    JavaScript学习基础学习心得

    JavaScript基础深度原理学习心得,从中可以领略到JavaScript比较有深度的知识理解 JavaScript基础深度原理学习心得,从中可以领略到JavaScript比较有深度的知识理解

    js菜鸟快速学习笔记总结

    js学习中的重要笔记,非常适合菜鸟快速入门,看完即会使用js!

    js学习总结希望能帮助大家

    js学习总结,希望能帮助大家,多多指点了

    JavaScript学习小结(一)——JavaScript入门基础

    一、JavaScript语言特点 1.1、JavaScript是基于对象和事件驱动的(动态的)  它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页...

    js学习资源

    这是我在学习JavaScript过程中个人总结的学习资源,包含实例

    js学习总结(8)源码

    JavaScript数组学习JavaScript数组学习JavaScript数组学习JavaScript数组学习JavaScript数组学习JavaScript数组学习JavaScript数组学习

    javascript学习总结.doc

    个人对javascript学习的一些总结,希望对刚开始接触JavaScript的兄弟姐妹有帮助

    JavaScript的学习总结

    自己弄得一个总结文档方便初学者快速学习 csdn真恶心

    javaScript个人学习总结很多小方面的应用

    个人学习js总结 .................. 支持中国软件开源

Global site tag (gtag.js) - Google Analytics