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 相关文章推荐
菜单效果
Oct 14 Javascript
javascript instanceof 内部机制探析
Oct 15 Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
Jan 11 Javascript
js arguments,jcallee caller用法总结
Nov 30 Javascript
js处理自己不能定义二维数组的方法详解
Mar 03 Javascript
Javascript中call和apply函数的比较和使用实例
Feb 03 Javascript
jQuery页面弹出框实现文件上传
Feb 09 Javascript
vue loadmore组件上拉加载更多功能示例代码
Jul 19 Javascript
详解ES6之async+await 同步/异步方案
Sep 19 Javascript
Vuex中的State使用介绍
Jan 19 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
Apr 30 Javascript
elementui的el-popover修改样式不生效的解决
Jun 30 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 传值赋值与引用赋值的区别
2010/12/29 PHP
PHP实现的防止跨站和xss攻击代码【来自阿里云】
2018/01/29 PHP
Laravel 默认邮箱登录改成用户名登录的实现方法
2019/08/12 PHP
windows系统php环境安装swoole具体步骤
2021/03/04 PHP
ExtJs 表单提交登陆实现代码
2010/08/19 Javascript
页面回到顶部的三种实现(锚标记,js)
2012/10/01 Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
2015/05/16 Javascript
js如何准确获取当前页面url网址信息
2020/09/13 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
opencv 识别微信登录验证滑动块位置
2018/08/07 Javascript
vue+element实现表单校验功能
2019/05/20 Javascript
原生JS实现贪吃蛇小游戏
2020/03/09 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
2020/04/24 Javascript
python3中str(字符串)的使用教程
2017/03/23 Python
python对离散变量的one-hot编码方法
2018/07/11 Python
python读取和保存图片5种方法对比
2018/09/12 Python
Python检查和同步本地时间(北京时间)的实现方法
2018/12/03 Python
python utc datetime转换为时间戳的方法
2019/01/15 Python
Python参数类型以及常见的坑详解
2019/07/08 Python
python 变量初始化空列表的例子
2019/11/28 Python
使用python实现希尔、计数、基数基础排序的代码
2019/12/25 Python
python实现堆排序的实例讲解
2020/02/21 Python
Python3实现打印任意宽度的菱形代码
2020/04/12 Python
python3发送request请求及查看返回结果实例
2020/04/30 Python
Python检测端口IP字符串是否合法
2020/06/05 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
python中的插入排序的简单用法
2021/01/19 Python
美国家用电器和电子产品商店:Abt
2016/09/06 全球购物
网购亚洲时装、美容产品和生活百货:YesStyle
2016/09/15 全球购物
荷兰多品牌网上鞋店:Stoute Schoenen
2017/08/24 全球购物
指导老师鉴定意见
2015/06/05 职场文书
学校运动会加油词
2015/07/18 职场文书
员工工作失职检讨书范文!
2019/07/03 职场文书
Java并发编程之详解CyclicBarrier线程同步
2021/06/23 Java/Android
Python 中的 copy()和deepcopy()
2021/11/07 Python
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL