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+PHP实现动态数字展示特效
Mar 14 Javascript
Node.js+Express+MySql实现用户登录注册功能
Jul 10 Javascript
详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用
Aug 23 Javascript
vue 纯js监听滚动条到底部的实例讲解
Sep 03 Javascript
JavaScript继承与聚合实例详解
Jan 22 Javascript
详解基于node.js的脚手架工具开发经历
Jan 28 Javascript
vue自定义正在加载动画的例子
Nov 14 Javascript
非常漂亮的js烟花效果
Mar 10 Javascript
详解JavaScript匿名函数和闭包
Jul 10 Javascript
vue 实现setInterval 创建和销毁实例
Jul 21 Javascript
openlayers实现地图测距测面
Sep 25 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
Nov 03 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中使用php://input处理相同name值的表单数据
2015/02/03 PHP
js加解密 脚本解密
2008/02/22 Javascript
JavaScript Sort 表格排序
2009/10/31 Javascript
利用jQuery 实现GridView异步排序、分页的代码
2010/02/06 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
2011/06/02 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
2013/05/06 Javascript
javascript 模拟坦克大战游戏(html5版)附源码下载
2014/04/08 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
2014/05/19 Javascript
jQuery DOM插入节点操作指南
2015/03/03 Javascript
JS动态修改iframe内嵌网页地址的方法
2015/04/01 Javascript
JS中产生标识符方式的演变
2015/06/12 Javascript
基于jQuery倒计时插件实现团购秒杀效果
2016/05/13 Javascript
node.js 和HTML5开发本地桌面应用程序
2016/12/13 Javascript
捕获未处理的Promise错误方法
2017/10/13 Javascript
node内置调试方法总结
2018/02/22 Javascript
select标签设置默认选中的选项方法
2018/03/02 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
2019/08/12 Javascript
Vue.js组件props数据验证实现详解
2019/10/19 Javascript
[41:13]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第一场 11.20
2020/11/20 DOTA
[39:19]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第二场 11.26
2020/11/30 DOTA
初学Python函数的笔记整理
2015/04/07 Python
从局部变量和全局变量开始全面解析Python中变量的作用域
2016/06/16 Python
python设置环境变量的原因和方法
2019/06/24 Python
分享8点超级有用的Python编程建议(推荐)
2019/10/13 Python
Tensorflow的常用矩阵生成方式
2020/01/04 Python
PyCharm刷新项目(文件)目录的实现
2020/02/14 Python
jupyter lab文件导出/下载方式
2020/04/22 Python
浅谈pytorch中torch.max和F.softmax函数的维度解释
2020/06/28 Python
使用HTML5 IndexDB存储图像和文件的示例
2018/11/05 HTML / CSS
网络教育自我鉴定
2014/02/04 职场文书
汇源肾宝广告词
2014/03/20 职场文书
法制报告会主持词
2014/04/02 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
党员干部四风问题整改措施思想汇报
2014/10/12 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
PyTorch device与cuda.device用法
2022/04/03 Python