8月21号

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);

}

原文地址:https://www.cnblogs.com/maxuefeng/p/13542939.html