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 相关文章推荐
Prototype Array对象 学习
Jul 19 Javascript
AlertBox 弹出层信息提示框效果实现步骤
Oct 11 Javascript
js 中将多个逗号替换为一个逗号的代码
Jun 07 Javascript
利用jQuery和CSS将背景图片拉伸
Oct 16 Javascript
Javascript生成带参数的二维码示例
Oct 10 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
Nov 30 Javascript
vue.js利用Object.defineProperty实现双向绑定
Mar 09 Javascript
axios基本入门用法教程
Mar 25 Javascript
JavaScript正则表达式和级联效果
Sep 14 Javascript
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
Sep 18 Javascript
浅谈vue限制文本框输入数字的正确姿势
Sep 02 Javascript
vue倒计时刷新页面不会从头开始的解决方法
Mar 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
让Json更懂中文(JSON_UNESCAPED_UNICODE)
2011/10/27 PHP
PHP加密解密类实例分析
2015/04/20 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
可兼容php5与php7的cURL文件上传功能实例分析
2018/05/11 PHP
Convert Seconds To Hours
2007/06/16 Javascript
使用原生javascript创建通用表单验证——更锋利的使用dom对象
2011/09/13 Javascript
jquery实现的伪分页效果代码
2015/10/29 Javascript
Node.js重新刷新session过期时间的方法
2016/02/04 Javascript
Bootstrap布局组件应用实例讲解
2016/02/17 Javascript
Js+Ajax,Get和Post在使用上的区别小结
2016/06/08 Javascript
仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件
2016/07/01 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
2016/10/13 Javascript
js实现键盘自动打字效果
2016/12/23 Javascript
[js高手之路]单例模式实现模态框的示例
2017/09/01 Javascript
jQuery EasyUI Layout实现tabs标签的实例
2017/09/26 jQuery
layui结合form,table的全选、反选v1.0示例讲解
2018/08/15 Javascript
Vue实现底部侧边工具栏的实例代码
2018/09/03 Javascript
浅谈HTTP 缓存的那些事儿
2018/10/17 Javascript
微信小程序websocket实现即时聊天功能
2019/05/21 Javascript
axios实现简单文件上传功能
2019/09/25 Javascript
详解Vscode中使用Eslint终极配置大全
2019/11/08 Javascript
js实现微信聊天效果
2020/08/09 Javascript
Python中关于Sequence切片的下标问题详解
2017/06/15 Python
Python静态类型检查新工具之pyright 使用指南
2019/04/26 Python
PyQt5响应回车事件的方法
2019/06/25 Python
python字符串替换第一个字符串的方法
2019/06/26 Python
python rsync服务器之间文件夹同步脚本
2019/08/29 Python
python opencv如何实现图片绘制
2020/01/19 Python
Python操作Word批量生成合同的实现示例
2020/08/28 Python
Django mysqlclient安装和使用详解
2020/09/17 Python
canvas拼图功能实现代码示例
2018/11/21 HTML / CSS
html5利用canvas实现颜色容差抠图功能
2019/12/23 HTML / CSS
亚马逊海外购:亚马逊美国、英国、日本、德国直邮
2021/03/18 全球购物
小学三好学生事迹材料
2014/08/15 职场文书
机关作风建设工作总结
2014/10/23 职场文书
python利用while求100内的整数和方式
2021/11/07 Python