当前位置: 首页 > 编程笔记 >

Javascript基础知识(三)BOM,DOM总结

陈鸿才
2023-03-14
本文向大家介绍Javascript基础知识(三)BOM,DOM总结,包括了Javascript基础知识(三)BOM,DOM总结的使用技巧和注意事项,需要的朋友参考一下

window对象:

打开和关闭窗口:

window.open()

三个参数:1.载入新窗口的页面的URL

  2.新窗口的名字

  3.特性字符串和说明是否用新载入的页面替换当前载入的页面的Boolean值。

window.close()

系统对话框:

1.alert("hello world!");

2.confirm("Are you sure?");---选择

3.prompt("你的名字是说明?","");

时间间隔

setTimeout("alert('hello world!')",3000)间隔3秒钟执行hello world只执行一次

cleanTimeout

setInterval("alert('hello world')".3000)每隔3秒中执行一次

CleanInterval

历史

window.history.go(-1)回到上一页

window.history.back回到上一页

window.history.go(1)前进一页

window.history.forward前进一页

window.history.length查询看历史中的页面数

document对象:

document.links[0]访问链接

document.images[0]或document.images["imgHome"]访问图像

document.forms[0]或document.forms["frmSubscribe"]访问表单

Location对象

href:当前载入的页面的完整的URL

DOM中最主要的节点:

1.元素节点(Elenment);

2.属性节点(Attributes);

3.文本节点(Text);

4.注释节点(Comment);

所有类型节点的通用方法:

查找:

nodeName:节点名字

nodeValue:节点的值(主要针对文本节点,如果是元素节点返回为null;)

nodeType:节点的类型

firstChild:第一个儿子*****

lastChild:第二个儿子*****

childNodes:所有的子节点*****(两种方式)////

previousSibling:指向前一个兄弟节点(同级**);

nextSibling:指向后一个兄弟节点(同级**);

操作:

attributes:包含了代表的一个元素的特性的Attr对象,仅用于Element节点

appendChild:添加一个新的节点在最后

removeChild:删除一个节点

replaceChild:替换

insertBefore:在...之前添加一个节点

创建:

createElement:创建一个元素节点

createTextNode:创建一个文本节点

克隆:

cloneNode:复制一个节点  true(深度复制)false(浅度复制)

访问指定的节点:

getElementById:查找指定的Id;

getElementsByTagName:查找指定元素的类型(数组的形式);

getElementsName:查找指定元素的Name;

属性的查找,改变,设置:

getArrtibute:属性的查找;

setArrtibute:属性的改变  例如:setArribute(class,red)第一个参数是改变class,第二个设置为红色;

removeAttibute:删除属性;

覆盖,添加文本的值:

innerHTML

 类似资料:
  • 本文向大家介绍jQuery基础知识点总结(DOM操作),包括了jQuery基础知识点总结(DOM操作)的使用技巧和注意事项,需要的朋友参考一下 使用jQuery的方式来操作DOM更加的简洁、方便,统一的调用方式方便学习并且可降低学习成本。 1、样式属性操作 1)设置样式属性操作 ①设置单个样式: ②设置多个样式(也可以设置单个) 2)获取样式属性操作 2、类操作 1)添加类样式 ——addClas

  • JavaScript 诞生于 1995 年,它的出现除妖是用于处理网页中的前端验证,所谓的前端验证,就是指检查用户输入的内容是否符合一定的规则。

  • 本文向大家介绍JavaScript ES6常用基础知识总结,包括了JavaScript ES6常用基础知识总结的使用技巧和注意事项,需要的朋友参考一下 ES6 let与const及其相关 块级作用域 ES6新增了块级作用域,总结一句话大致就是:大括号{}包起来的代码块基本山都可以当做块级作用域。 常见的有 直接使用{}包起来: 函数体大括号,if-else大括号,for循环大括号,switch大括

  • 本文向大家介绍C++基础知识总结,包括了C++基础知识总结的使用技巧和注意事项,需要的朋友参考一下 不管是自我定位太高,还是职位层次太低,系统复习了一遍很久没有摸过的C++总是有好处的。总结如下: 一、new和malloc的区别 1、new和delete配对,释放数组需要用delete[]。new和delete实际上调用了malloc和free,另外调用了类的构造函数和析构函数。 2、malloc

  • HTML用来组织网页的内容,CSS用来定义网页的外观,而JavaScript(简称JS)的设计本意是想给网页加入一些交互动效。 尽管如同我们在CSS3进阶章节中讲述到的,CSS也开始提供一些交互和动画特性,比如伪类:hover,就是一种描述用户鼠标悬停在元素上的交互状态。 但是这些特性远不能满足开发者对文档的动态处理需求,比如动态创建、删除、更新元素乃至页面片段(DOM),更不用说操作浏览器(BO

  • 本文向大家介绍Javascript基础知识盲点总结之函数,包括了Javascript基础知识盲点总结之函数的使用技巧和注意事项,需要的朋友参考一下 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。本文重点给大家介绍js基础知识盲点总结之函数。 一、函数中的arguments对象 每个函数内部都有一个arguments,它能返回函数所接受的所有参数 注意:argumens接收的是实参 如