码迷,mamicode.com
首页 > Web开发 > 详细

JS浏览器端

时间:2016-04-18 06:25:33      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:

JS浏览器端

1 BOM

1.1 setTimeout( 定时执行 )
window 对象的 setTimeout 方法用来实现一个函数能够在指定的毫秒数之后运行。
语法如下:
setTimeout(executedFunction, millisecond);
或:
setTimeout("code", millisecond);
其中, executedFunction 放入一个函数, millisecond 则是设置一个以毫秒为单位的时间,并在此时间间隔之后执行 executedFunction 函数。

1.2 setInterval( 间隔执行 )
window 对象的 setInterval 方法与 setTimeout 方法很类似,只是这个方法会在指定毫秒数的间隔里重复调用。
如:
//setInterval 也可执行放入执行代码或者命名函数的引用
setInterval(function() {
console.info(" 执行函数! ");
}, 1000);
使用 clearInterval 可销毁这个 interval 定时器。

1.3 alert
alert() 向用户显示一条消息并等待用户关闭对话框。
例如:
alert(" 夜深了,早点休息! ");

1.4 prompt
prompt() 同样也显示一条消息,等待用户输入字符串,并返回那个字符串。
prompt() 有两种写法 , 分别是:
var inputVal = prompt(" 请输入一个值 ");
console.info(typeof inputVal);

var inputVal = prompt(" 请输入一个值 ", " 默认值 ");

1.5 open 函数
例如:
var newWindow = open("local.html", "mycall", "");
或者:
var newWindow = open("https://www.baidu.com", "_self", "");

1.6 访问指定 URL(window.location 对象 )
window 对象的 location 对象属性有一个 href 属性,用来指定需要载入的页面的 url 。
例如:
location.href = "https://www.baidu.com";

2 DOM
感觉就像连接电脑和手机之间的数据线,是一种用来操作的工具、方式。
DOM是可以以一种独立平台和语言的方式访问和修改一个文档的内容和结构。

2.1 节点的属性和说明特别重要,要记住

2.2 DOM 节点类型的常量和值
元素节点 1
属性节点 2
文本节点 3

2.3 获取节点
1 利用节点关系
childNodes - 获取所有子节点。
firstChild - 获取第一个子节点。
lastChild - 获取最后一个子节点。
previousSibling - 获取上一个兄弟节点。
nextSibling - 获取下一个兄弟节点。
parentNode - 获取父节点。

2 直接获取
document.getElementById("id") - 根据 id 获取节点。
document.getElementsByTagName("div") - 根据标签名称获取节点。
document.getElementsByClassName("class") - 根据类名获取节点。
document.getElementsByName("name") - 根据名称获取节点。

3 创建节点
createElement("div") - 创建 div 的元素节点。
createTextNode("text") - 创建包含 “text” 的文本节点。

4 添加节点
appendChild(node) - 在所有子节点之后添加一个 node 。

5 删除节点
removeChild(node) - 删除 node 子节点。

6 替换节点
raplaceChild(newnode, oldnode) - 把 oldnode 替换为 newnode ,记住此次替换是发生在某元素的子节点上的,即是把某元素的 oldnode 子节点替
换为 newnode 。

JS浏览器端

标签:

原文地址:http://www.cnblogs.com/huangmingkedeboke/p/5402982.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!