`

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>

分享到:
评论

相关推荐

    js学习总结

    总结来说,JS学习涉及基础语法、数据类型、进制转换、错误处理等多个方面,理解这些基础知识对于深入学习和应用JavaScript至关重要。同时,了解和掌握像jQuery这样的库可以帮助开发者更高效地处理DOM操作,提高开发...

    JavaScript学习总结

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

    Javascript学习总结.doc

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

    21天学js总结

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

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

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

    JavaScript学习小结(7)之JS RegExp

    在js中,正则表达式是由一个RegExp对象表示的,RegExp 是正则表达式的缩写。RegExp简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等等。可以使用一个RegExp()构造函数...

    js菜鸟快速学习笔记总结

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

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

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

    js学习总结(8)源码

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

    JavaScript基础知识总结.xmind

    通过思维导图的方式,快速了解掌握JavaScript的基本内容

    JavaScript的学习总结

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

    js常用知识总结经典javascript知识总结,经典javascript知识总结

    这篇经典JavaScript知识总结涵盖了从基础语法到高级特性的多个方面,旨在帮助有一定基础的开发者巩固和扩展他们的JavaScript知识。 1. **创建脚本块**:在HTML文件中,使用`&lt;script&gt;`标签来插入JavaScript代码。...

    JavaScript事件学习小结(五)js中事件类型之鼠标事件

    JavaScript事件学习小结(五)js中事件类型之鼠标事件 //www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 //www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员...

    Node.js-Nodejs学习笔记以及经验总结

    本学习笔记和经验总结将深入探讨Node.js的核心概念、主要特性、常用模块以及实战技巧,帮助你从零基础到熟练掌握Node.js。 一、Node.js核心概念 1. 非阻塞I/O模型:Node.js采用事件驱动、非阻塞I/O模型,提高了...

    javascript总结

    在学习完js课程之后,自己手动编写的总结文档,以及平常遇到的小问题的解决办法,通俗易懂,适合正在学习js的同学

    一张图对Javascript总结,用思维导图总结的。

    JavaScript总结,很适合学习基础的东西。上传的是图片格式是,方便大家打开。仅仅一张图,让你了解javascript。

    JavaScript初学小结

    JavaScript初学小结 ...总结:这篇“JavaScript初学小结”涵盖了JavaScript的基础知识,为初学者提供了清晰的学习路径。通过深入理解和实践,你可以逐步掌握这门强大的脚本语言,开启你的编程之旅。

Global site tag (gtag.js) - Google Analytics