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 相关文章推荐
JQUERY CHECKBOX全选,取消全选,反选方法三
Aug 30 Javascript
Extjs grid添加一个图片状态或者按钮的方法
Apr 03 Javascript
使用angularjs创建简单表格
Jan 21 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
Jul 04 Javascript
jQuery中ScrollTo用法示例
Sep 04 Javascript
Node.js用readline模块实现输入输出
Dec 16 Javascript
深入理解Angularjs中$http.post与$.post
May 19 Javascript
AngularJS实现tab选项卡的方法详解
Jul 05 Javascript
详解如何用webpack4从零开始构建react开发环境
Jan 27 Javascript
ES10的13个新特性示例(小结)
Sep 23 Javascript
微信小程序中weui用法解析
Oct 21 Javascript
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
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上传图片进行等比缩放可增加水印功能
2014/01/13 PHP
php添加数据到xml文件的简单例子
2016/09/08 PHP
Javascript 获取链接(url)参数的方法
2009/02/15 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
jquery事件与函数的使用介绍
2013/09/29 Javascript
全面理解面向对象的 JavaScript(来自ibm)
2013/11/10 Javascript
全面了解JS中的匿名函数
2016/06/29 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
2017/01/05 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
详解angularjs获取元素以及angular.element()用法
2017/07/25 Javascript
webpack进阶——缓存与独立打包的用法
2017/08/02 Javascript
vue 1.x 交互实现仿百度下拉列表示例
2017/10/21 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
2017/11/21 Javascript
webpack-dev-server自动更新页面方法
2018/02/22 Javascript
vue2.0 + ele的循环表单及验证字段方法
2018/09/18 Javascript
vue点击当前路由高亮小案例
2019/09/26 Javascript
JavaScript实现指定数量的并发限制的示例代码
2020/03/10 Javascript
vue 避免变量赋值后双向绑定的操作
2020/11/07 Javascript
[00:17]DOTA2荣耀之路5:It’s a disastah!
2018/05/28 DOTA
Python进程间通信Queue实例解析
2018/01/25 Python
PyCharm代码格式调整方法
2018/05/23 Python
Django处理文件上传File Uploads的实例
2018/05/28 Python
python与caffe改变通道顺序的方法
2018/08/04 Python
python实现大文本文件分割
2019/07/22 Python
详解向scrapy中的spider传递参数的几种方法(2种)
2020/09/28 Python
CSS3,线性渐变(linear-gradient)的使用总结
2017/01/09 HTML / CSS
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
体育教育专业毕业生自荐信
2013/11/15 职场文书
旅游业大学生创业计划书
2014/01/31 职场文书
学生会离职感言
2014/02/11 职场文书
秘书英文求职信
2014/04/16 职场文书
2014年师德承诺书
2014/05/23 职场文书
校本教研活动总结
2014/07/01 职场文书
开工典礼致辞
2015/07/29 职场文书
Mysql MVCC机制原理详解
2021/04/20 MySQL
mysql事务对效率的影响分析总结
2021/10/24 MySQL