Javascript基础知识(三)BOM,DOM总结
作者:bea
window对象: 打开和关闭窗口: window.open() 三个参数:1.载入新窗口的页面的URL 2.新窗口的名字 3.特性字符串和说明是否用新载入的页面替换当前载入的页面的Boolean值。 window.close() 系统对话框: 1.alert("hello world!"); 2.confirm("Are you sure?");---选择 3.prompt("你的名字是说明?",""); 时间间隔 setTimeout("alert('hello wo
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
有用 | 无用
打开和关闭窗口:
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
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 吐槽一下我所了解的Node.js
- Node.js 的异步 IO 性能探讨
- JS中的form.submit()不能提交表单的错误原因
- js数值计算时使用parseInt进行数据类型转换(jquery)
- js交换排序 冒泡排序算法(Javascript版)
- Javascript获取当前时间函数和时间操作小结
- js事件绑定快捷键以ctrl+k为例
- 显示今天的日期js代码(阳历和农历)
- gridview生成时如何去掉style属性中的border-collapse
- javascript学习笔记(四)function函数部分
- javascript学习笔记(三)BOM和DOM详解
- 让人蛋疼的JavaScript语法特性
- javascript学习笔记(二)数组和对象部分
- javascript学习笔记(一)基础知识
- js使用循环清空某个div中的input标签值
- javascript在当前窗口关闭前检测窗口是否关闭
- js+csss实现的一个带复选框的下拉框
- js监听鼠标事件控制textarea输入字符串的个数
- JavaScript声明变量时为什么要加var关键字