您的位置:首页 > Web前端 > JavaScript

javascript---4

2016-12-06 16:38 281 查看
一、day06

网络资源访问方式:基于访问——请求的方式

B/S---浏览器服务器
C/S---客户端服务器

BOM(Broswer Object Model浏览器对象模型):主要用于解决通过浏览器操作的问题

window对象-相当于窗口,它是浏览器中的顶层对象
因为window对象是浏览器顶层对象,所以在调用它的属性或方法时可以省略window的书写,即
window.alert()<==>alert()
window.location.href=<==>location.href
常用属性:
history对象包含用户(在浏览器窗口中)访问过的Url(back():后退;forward():前进;go(num)正数表示前进,负数表示后退);
location--href:表示完整URL;reload:重新加载当前页面资源
Navigator--浏览器信息;userAgent返回客户器
例如:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR 1.1.4322)。
Screen---

常用的方法:
aler()--
prompt()---
confirm(""); //var ret=confirm("确认要删除选中商用吗");返回值有true,false
open()--法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
window.open(URL,name,features,replace)
close()--关闭浏览器窗口(各浏览器关闭的方式不一样)


setTimeout()--一次性执行的定时器

var id=setTimeout(callback,delay);
在制定的delay延迟时间之后执行一次指定的callback函数;delay:延迟时间的单位是毫秒;setTimeout返回开启的定
时器的id标识;
setInterval()--周期性的执行定时器
//setInterval周期性的执行,每个指定的延迟时间就执行一次callback函数
function show(){
document.write(new Date());
}
setInterval(show,1000);
clearTimeout()--取消由setTimeout()设置的定时器 clearTimeout(id)
clearInterval()---取消由setInterval()设置的定时器claerInterval(id)
在老的浏览器版本中setTimeout和setInterval最小的延迟时间是10毫秒

Event Loop线程

Javascript是单线程的程序

同步,一步(定时器、ajax)

DOM(Document Object Model文档对象模型):
一套能够操作HTML,XML之类的机构化文档的接口。
操作的是DOM节点
浏览器将在浏览器敞口中打开的页面映射为一颗doucment树,
document对象代表的就是打开的一个页面。(代表整个文档)
节点:
元素节点:(标签)
属性节点:
文本节点:
注释节点:html中的注释
html标签为根节点
父节点、子节点、兄弟节点(有共同父节点间互为兄弟节点);叶子节点(终端节点);
1、查找节点
document.getElementById()--根据原素的Id属性查找元素,如果找不到就返回为null
document.getElementByTagName("div")---根据标签名查找元素,会返回一个数组集合,返回一个空的数组[];
documnet.getElementByClassName()--根据类名查找元素。返回一个空的数组集合[];
document.getElementByName()--根据元的name属性查找

2、添加节点
a.创建元素节点对象:var elem=document.creatElement()
b.为创建的元素对象设置属性:elem.setAttribute("attrName","attrValue");
elem.attrName=attrValue;
c.为创建的元素内部添加内容:elem.innerHTML="HTML文本";
d.将创建创建的元素添加到页面盒子里:parentNode.appendChild(elem);追加子节点
或者parentNode.insertBefore(新节点,旧节点);
3、删除节点
parentNode.removeChild()--
4、克隆节点
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: