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 onload、ready概念介绍及使用方法
Apr 27 Javascript
javascript 原型链维护和继承详解
Nov 26 Javascript
元素绑定click点击事件方法
Jun 08 Javascript
JavaScript中的Math.LOG2E属性使用详解
Jun 14 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
学习Angularjs分页指令
Jul 01 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
Sep 04 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
JS实现图片上传预览功能
Nov 21 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
May 11 Javascript
浅谈Node Inspector 代理实现
Oct 19 Javascript
javaScript 连接打印机,打印小票的实例
Dec 29 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
日本十大科幻动漫 宇宙骑士垫底,第一已成经典
2020/03/04 日漫
实用函数7
2007/11/08 PHP
PHP实时显示输出
2008/10/02 PHP
PHP使用Session遇到的一个Permission denied Notice解决办法
2014/07/30 PHP
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
extjs 列表框(multiselect)的动态添加列表项的方法
2009/07/31 Javascript
javascript 带有滚动条的表格,标题固定,带排序功能.
2009/11/13 Javascript
jQuery EasyUI API 中文文档 - DataGrid数据表格
2011/11/17 Javascript
JavaScript 参数中的数组展开 [译]
2012/09/21 Javascript
javascript文件中引用依赖的js文件的方法
2014/03/17 Javascript
node.js中的buffer.copy方法使用说明
2014/12/14 Javascript
easyui-datagrid特殊字符不能显示的处理方法
2017/04/12 Javascript
Web制作验证码功能实例代码
2017/06/19 Javascript
如何从零开始利用js手写一个Promise库详解
2018/04/19 Javascript
React Native开发封装Toast与加载Loading组件示例
2018/09/08 Javascript
vue源码nextTick使用及原理解析
2019/08/13 Javascript
Javascript和jquery在selenium的使用过程
2019/10/31 jQuery
JS脚本实现定时到网站上签到/签退功能
2020/04/22 Javascript
js实现简单的点名器随机色实例代码
2020/09/20 Javascript
Nest.js 授权验证的方法示例
2021/02/22 Javascript
[04:16]DOTA2英雄梦之声_第09期_斧王
2014/06/21 DOTA
Using Django with GAE Python 后台抓取多个网站的页面全文
2016/02/17 Python
Python中的列表生成式与生成器学习教程
2016/03/13 Python
Python 读取图片文件为矩阵和保存矩阵为图片的方法
2018/04/27 Python
PyCharm的设置方法和第一个Python程序的建立
2019/01/16 Python
Python不同目录间进行模块调用的实现方法
2019/01/29 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
香港草莓网土耳其网站:Strawberrynet TR
2017/03/02 全球购物
加拿大时尚床上用品零售商:QE Home | Quilts Etc
2018/01/22 全球购物
高级护理专业大学生求职信
2013/10/24 职场文书
爱耳日宣传活动总结
2014/07/05 职场文书
领导班子个人对照检查材料(群众路线)
2014/09/26 职场文书
司法局2014法制宣传日活动总结
2014/11/01 职场文书
 Python 中 logging 模块使用详情
2022/03/03 Python
2022新作动画《福星小子》释出宣传影片 加入内田真礼&宫野真守配音演出
2022/04/08 日漫