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 相关文章推荐
在WordPress中加入Google搜索功能的简单步骤讲解
Jan 04 Javascript
jQuery获取多种input值的简单实现方法
Jun 20 Javascript
RGB和YUV 多媒体编程基础详细介绍
Nov 04 Javascript
在使用JSON格式处理数据时应该注意的问题小结
May 20 Javascript
利用vscode编写vue的简单配置详解
Jun 17 Javascript
利用JS判断客户端类型你应该知道的四种方法
Dec 22 Javascript
vue-cli3脚手架的配置及使用教程
Aug 28 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
Aug 02 Javascript
微信小程序 textarea 层级过高问题简单解决方案
Oct 14 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
Dec 23 Javascript
Vue切换div显示隐藏,多选,单选代码解析
Jul 14 Javascript
解决Antd 里面的select 选择框联动触发的问题
Oct 24 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时间戳转换的示例
2014/03/31 PHP
PHP输入输出流学习笔记
2015/05/12 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
php base64 编码与解码实例代码
2017/03/21 PHP
ZendFramework2连接数据库操作实例
2017/04/18 PHP
PHP调用Mailgun发送邮件的方法
2017/05/04 PHP
laravel框架实现后台登录、退出功能示例
2019/10/31 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
Javascript !!的作用
2008/12/04 Javascript
JQuery上传插件Uploadify使用详解及错误处理
2010/04/27 Javascript
使用angular写一个hello world
2015/01/23 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
2015/05/01 Javascript
js removeChild 方法深入理解
2016/08/16 Javascript
AngularJS入门教程引导程序
2016/08/18 Javascript
微信小程序 页面跳转传参详解
2016/10/28 Javascript
详解nodejs 文本操作模块-fs模块(一)
2016/12/22 NodeJs
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
Bootstrap按钮组实例详解
2017/07/03 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
2017/08/14 Javascript
vue+iview写个弹框的示例代码
2017/12/05 Javascript
vue操作下拉选择器获取选择的数据的id方法
2018/08/24 Javascript
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
Python中对元组和列表按条件进行排序的方法示例
2015/11/10 Python
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
python实现搜索文本文件内容脚本
2018/06/22 Python
python matlibplot绘制多条曲线图
2021/02/19 Python
对Tensorflow中的矩阵运算函数详解
2018/07/27 Python
python安装gdal的两种方法
2019/10/29 Python
pytorch逐元素比较tensor大小实例
2020/01/03 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
省优秀教师事迹材料
2014/01/30 职场文书
红领巾广播站广播稿
2014/02/01 职场文书
开学典礼主持词
2014/03/19 职场文书
学校先进集体事迹材料
2014/05/31 职场文书
2014年电话销售工作总结
2014/12/01 职场文书
有趣的二维码:使用MyQR和qrcode来制作二维码
2021/05/10 Python