ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

8月21号

2020-08-21 19:33:14  阅读:183  来源: 互联网

标签:function 21 alert window var document 节点


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

}

标签:function,21,alert,window,var,document,节点
来源: https://www.cnblogs.com/maxuefeng/p/13542939.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有