欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2021-01-15 11:14:52|栏目:JavaScript代码|点击:

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

上一篇:超棒的javascript页面顶部卷动广告效果

栏    目:JavaScript代码

下一篇:javascript中判断一个值是否在数组中并没有直接使用

本文标题:Javascript基础知识(三)BOM,DOM总结

本文地址:http://www.codeinn.net/misctech/45660.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有