BOM模型的常用对象:window、document、location、nevigator、screen.等,通常称为浏览器对象模型。其中Window是javascript的顶层对象。他的常用属性有document(返回该窗口内装载的HTML文档。location返回该窗口装载的HTML文档的URL,history返回该浏览窗口的历史。go(intValue)该方法可指定前进或后退多少个页面,正则进,负责退。location对象常用的属性href:文档所在地址的URL地址。
DOM是文档对象模型的简称。我们可以借助DOM模型,对DOM进行修改,删除,新增等操作,让结构化文档动态化。DOM模型通常有三种节点:元素节点,文本节点,属性节点。
DOM主要通过2中方式来访问html元素。一种是根据id来访问HTML元素:通过document对象调用getElementByld()方法来查找具有唯一id属性值的元素。2是利用节点关系来访问HTML元素。常用的属性与方法。parentNode返回当前节点的父节点。previousSibling返回当前节点的前一个兄弟节点。nextSibling返回当前节点的后一个兄弟节点。childNodes返回当前节点的所有子节点。firstChild返回当前节点的第一个子节点。lastChild返回当前节点的最后一个子节点。getElementsByTagName(tagName)返回当前节点的具有指定标签名的所有子节点。
普通弹窗的操作方法window.alert("你吃了吗")
确认提示框的操作方法varn flag=window.confirm("确认关闭浏览器"){
window.close()
}
输入框的操作方法var num=window.prompt("请输入一个整数")
document.write(num);
设置定时器多用于轮播图,意思是每个多少秒进行一次操作,同时也可以清除定时器。
方法var i=0;
var timer=window.setInterval(function(){
document.write(1);
i++;
if(i==10){
window.clearInterval(timer);
}
},1000;
同理也可以创建时间var timer=setInterval(function){
var date=new Date();
var hours=date.getHours();
var min=date.getMinutes();
var sec=date.getSeconds();
var str=hours+":"+min":"+sec;
document.getElementByld(clock).innerHTML=STR;
},1000);
关于location我们可以在js文件中location.href="https://www.baidu.com";在HTML文件中的<a href="java.script:history.forword()">前进</a>,<a href="javascript:history.go(-1)">后退</a>,<a href="java.script:history.back()">后退</a>来这样使用
通过id获取元素节点function get1(){
var dd=document.getElementById("myDiv");
var str=dd.innerHTML;
alert(str);
}onClick表示点击的意思。
window.onload表示 页面加载完成后执行。
如var li;
window.onload=function(){
li=dicument.getElementById("n4");
alert(li.innerHTML);
有一种通用的方法可以获取元素的为文本节点。
function get(obj){
var content=obj.innerHTML;
alert(content);
}
如果想要获取个数可以
function len(){
var ul=li.parentNode;
var lis=ul.getElementByTagName("li");
alert(lis.length);
}
如果想要获取数组长度可以
function getlen(){
var lis=document.getElementsByClassName("nn");
alert(lis.length);
}