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 相关文章推荐
文本框input聚焦失焦样式实现代码
Oct 12 Javascript
jquery easyui使用心得
Jul 07 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
Sep 22 Javascript
Javascript函数式编程简单介绍
Oct 11 Javascript
javascript新闻跑马灯实例代码
Jul 29 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
Apr 05 Javascript
JQuery实现图片轮播效果
May 08 jQuery
使用Browserify来实现CommonJS的浏览器加载方法
May 14 Javascript
Angular.js组件之input mask对input输入进行格式化详解
Jul 10 Javascript
使用淘宝镜像cnpm安装Vue.js的图文教程
May 17 Javascript
VueCli3构建TS项目的方法步骤
Nov 07 Javascript
微信小程序代码上传、审核发布小程序
May 18 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
实现树状结构的两种方法
2006/10/09 PHP
PHP中遍历stdclass object的实现代码
2011/06/09 PHP
PHP 多维数组的排序问题 根据二维数组中某个项排序
2011/11/09 PHP
最新制作ThinkPHP3.2.3完全开发手册
2015/11/23 PHP
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
JQuery中$(document)是什么意思有什么作用
2014/07/21 Javascript
js滚动条平滑移动示例代码
2016/03/29 Javascript
javascript 动态样式添加的简单实现
2016/10/11 Javascript
JS+canvas实现的五子棋游戏【人机大战版】
2017/07/19 Javascript
ui-router中使用ocLazyLoad和resolve的具体方法
2017/10/18 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
2018/07/15 Javascript
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
对angularJs中2种自定义服务的实例讲解
2018/09/30 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
2019/06/10 Javascript
JavaScript:ES2019 的新特性(译)
2019/08/08 Javascript
Element-ui el-tree新增和删除节点后如何刷新tree的实例
2020/08/31 Javascript
[00:17]游戏风云独家报道:DD赛后说出数字秘密 吓死你们啊!
2014/07/13 DOTA
使用Python判断IP地址合法性的方法实例
2014/03/13 Python
Sanic框架安装与简单入门示例
2018/07/16 Python
Python发送邮件测试报告操作实例详解
2018/12/08 Python
Python File(文件) 方法整理
2019/02/18 Python
使用Pyhton集合set()实现成果查漏的例子
2019/11/24 Python
parser.add_argument中的action使用
2020/04/20 Python
python def 定义函数,调用函数方式
2020/06/02 Python
阿里巴巴国际站:Alibaba.com
2016/07/21 全球购物
设计师珠宝:Ylang 23
2018/05/11 全球购物
全球领先的在线cosplay服装商店:RoleCosplay
2020/01/18 全球购物
网络编辑岗位职责范本
2014/02/10 职场文书
幼儿园儿童节活动主持词+串词大全
2014/03/21 职场文书
教师对学生的寄语
2014/04/03 职场文书
教师国庆节演讲稿范文2014
2014/09/21 职场文书
灵山大佛导游词
2015/02/04 职场文书
中学生国庆节演讲稿2015
2015/07/30 职场文书
解决golang 关于全局变量的坑
2021/05/06 Golang
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js