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 相关文章推荐
js移除事件 js绑定事件实例应用
Nov 28 Javascript
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
Apr 11 Javascript
点击表单提交时出现jQuery没有权限的解决方法
Jul 23 Javascript
js学习笔记之事件处理模型
Oct 31 Javascript
JS html时钟制作代码分享
Mar 03 Javascript
浅析vue component 组件使用
Mar 06 Javascript
react.js组件实现拖拽复制和可排序的示例代码
Aug 20 Javascript
es6 symbol的实现方法示例
Apr 02 Javascript
layUI的验证码功能及校验实例
Oct 25 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
Nov 01 Javascript
javascript将16进制的字符串转换为10进制整数hex
Mar 05 Javascript
微信公众号网页分享功能开发的示例代码
May 27 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
手把手教你使用DedeCms的采集的图文教程
2007/03/11 PHP
php防止网站被刷新的方法汇总
2014/12/01 PHP
php提高网站效率的技巧
2015/09/29 PHP
Yii2中使用join、joinwith多表关联查询
2016/06/30 PHP
如何让您的中波更粗更长 - 中波框形天线制作
2021/03/10 无线电
prototype.js的Ajax对象
2006/09/23 Javascript
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
验证码按回车不变解决方法
2013/03/29 Javascript
JS关闭窗口与JS关闭页面的几种方法小结
2013/12/17 Javascript
原生JavaScript生成GUID的实现示例
2014/09/05 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
2016/01/12 Javascript
JS组件Bootstrap Table使用方法详解
2016/02/02 Javascript
详解JavaScript中|单竖杠运算符的使用方法
2016/05/23 Javascript
javascript 分号总结及详细介绍
2016/09/24 Javascript
微信小程序 数据封装,参数传值等经验分享
2017/01/09 Javascript
canvas实现钟表效果
2017/02/13 Javascript
使用Vue-Router 2实现路由功能实例详解
2017/11/14 Javascript
JavaScript插件Tab选项卡效果
2017/11/14 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
python使用PyGame模块播放声音的方法
2015/05/20 Python
pandas object格式转float64格式的方法
2018/04/10 Python
python Spyder界面无法打开的解决方法
2018/04/27 Python
在PyCharm中批量查找及替换的方法
2019/01/20 Python
详解重置Django migration的常见方式
2019/02/15 Python
介绍一款python类型检查工具pyright(推荐)
2019/07/03 Python
django迁移数据库错误问题解决
2019/07/29 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
python实现根据给定坐标点生成多边形mask的例子
2020/02/18 Python
美国眼镜网:GlassesUSA
2017/09/07 全球购物
英国和国际包裹递送:ParcelCompare
2019/08/26 全球购物
连带责任保证书
2014/04/29 职场文书
小学阳光体育活动总结
2014/07/05 职场文书
四年级数学上册教学计划
2015/01/20 职场文书
导游词之镇江焦山
2019/11/21 职场文书
MySQL创建管理LIST分区
2022/04/13 MySQL