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 相关文章推荐
javascript中input中readonly和disabled区别介绍
Oct 23 Javascript
JS定时器实例
Apr 17 Javascript
浅谈JavaScript中的String对象常用方法
Feb 25 Javascript
jQuery检查事件是否触发的方法
Jun 26 Javascript
jquery结婚电子请柬特效源码分享
Aug 21 Javascript
浅析javascript函数表达式
Feb 10 Javascript
获取input标签的所有属性的方法
Jun 28 Javascript
Vue 表单控件绑定的实现示例
Aug 11 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
Aug 24 Javascript
基于layui框架响应式布局的一些使用详解
Sep 16 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
May 06 Javascript
vue中使用mockjs配置和使用方式
Apr 06 Vue.js
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学习笔记之数组篇
2011/06/28 PHP
PHP实现生成唯一会员卡号
2015/08/24 PHP
PHP常用字符串操作函数实例总结(trim、nl2br、addcslashes、uudecode、md5等)
2016/01/09 PHP
YII框架中使用memcache的方法详解
2017/08/02 PHP
laravel返回统一格式错误码问题
2019/11/04 PHP
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
使用jQuery UI库开发Web界面的简单入门指引
2016/04/22 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
2016/05/17 Javascript
JavaScript中数组slice和splice的对比小结
2016/09/22 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
2017/10/13 jQuery
详解vue-cli 本地开发mock数据使用方法
2018/05/29 Javascript
Vue+Webpack完美整合富文本编辑器TinyMce的方法
2018/11/30 Javascript
Vuex 单状态库与多模块状态库详解
2018/12/11 Javascript
基于iview的router常用控制方式
2019/05/30 Javascript
弱类型语言javascript中 a,b 的运算实例小结
2019/08/07 Javascript
微信小程序自定义tabBar在uni-app的适配详解
2019/09/30 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
2020/10/28 Javascript
比较详细Python正则表达式操作指南(re使用)
2008/09/06 Python
在CMD命令行中运行python脚本的方法
2018/05/12 Python
Django2.1.3 中间件使用详解
2018/11/26 Python
详解pytorch 0.4.0迁移指南
2019/06/16 Python
Python中的几种矩阵乘法(小结)
2019/07/10 Python
python基于socket进行端口转发实现后门隐藏的示例
2019/07/25 Python
Python中SQLite如何使用
2020/05/27 Python
基于python实现生成指定大小txt文档
2020/07/20 Python
Django跨域请求原理及实现代码
2020/11/14 Python
2014爱耳日宣传教育活动总结
2014/03/09 职场文书
镇政府副镇长群众路线专题民主生活会对照检查材料
2014/09/19 职场文书
个人剖析材料范文
2014/09/30 职场文书
2015年护理工作总结范文
2015/04/03 职场文书
社会实践活动总结格式
2015/05/11 职场文书
退休教师欢送会致辞
2015/07/31 职场文书
关于五一放假的通知
2015/08/18 职场文书
Python的三个重要函数详解
2022/01/18 Python
微信小程序 WeUI扩展组件库的入门教程
2022/04/21 Javascript
AndroidStudio图片压缩工具ImgCompressPlugin使用实例
2022/08/05 Java/Android