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


Posted in Javascript onSeptember 29, 2014

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学习阶段性总结(2)--(X)HTML学习
Feb 03 Javascript
Javascript 中的 && 和 || 使用小结
Apr 25 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
Apr 12 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
Dec 21 Javascript
jquery实现的仿天猫侧导航tab切换效果
Aug 24 Javascript
微信jssdk用法汇总
Jul 16 Javascript
基于JS设计12306登录页面
Dec 28 Javascript
防止重复发送 Ajax 请求
Feb 15 Javascript
自定义事件解决重复请求BUG的问题
Jul 11 Javascript
React应用中使用Bootstrap的方法
Aug 15 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
May 18 Javascript
js实现金山打字通小游戏
Jul 24 Javascript
Javascript基础知识(二)事件
Sep 29 #Javascript
Javascript基础知识(一)核心基础语法与事件模型
Sep 29 #Javascript
Javascript表单验证要注意的事项
Sep 29 #Javascript
使用phantomjs进行网页抓取的实现代码
Sep 29 #Javascript
Javascript获取CSS伪元素属性的实现代码
Sep 28 #Javascript
js获取元素相对窗口位置的实现代码
Sep 28 #Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
Sep 28 #Javascript
You might like
PHP实现通用alert函数的方法
2015/03/11 PHP
详解PHP安装mysql.so扩展的方法
2016/12/31 PHP
php加密之discuz内容经典加密方式实例详解
2017/02/04 PHP
PHP关于foreach复制知识点总结
2019/01/28 PHP
javascript 对象比较实现代码
2009/04/27 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
2013/02/05 Javascript
下拉菜单点击实现连接跳转功能的js代码
2013/05/19 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
2014/05/11 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
2014/05/12 Javascript
利用jquery操作Radio方法小结
2014/10/20 Javascript
jQuery实现移动 和 渐变特效的点击事件
2015/02/26 Javascript
Javascript技术难点之apply,call与this之间的衔接
2015/12/04 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
React组件的三种写法总结
2017/01/12 Javascript
vue中如何实现变量和字符串拼接
2017/06/19 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
ajax请求data遇到的问题分析
2018/01/18 Javascript
vue中过滤器filter的讲解
2019/01/21 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
2019/07/31 Javascript
JS中如何轻松遍历对象属性的方式总结
2019/08/06 Javascript
[07:54]DOTA2 MV《我的动力鞋》 ImbaTV 出品
2014/11/21 DOTA
Python模块学习 datetime介绍
2012/08/27 Python
跟老齐学Python之通过Python连接数据库
2014/10/28 Python
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
Python实现简单的用户交互方法详解
2018/09/25 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
python矩阵/字典实现最短路径算法
2019/01/17 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
CSS3制作文字半透明倒影效果的两种实现方式
2014/08/08 HTML / CSS
植村秀美国官网:Shu Uemura美国
2019/03/19 全球购物
财务会计人员岗位职责
2013/11/30 职场文书
2015高考寄语集锦
2015/02/27 职场文书
2015年市场部工作总结
2015/04/30 职场文书
辩论赛新闻稿
2015/07/17 职场文书
2016年优秀少先队员事迹材料
2016/02/26 职场文书
对Golang中的FORM相关字段理解
2021/05/02 Golang