JavaScriptDOM.docx
- 文档编号:4020233
- 上传时间:2022-11-27
- 格式:DOCX
- 页数:20
- 大小:47.10KB
JavaScriptDOM.docx
《JavaScriptDOM.docx》由会员分享,可在线阅读,更多相关《JavaScriptDOM.docx(20页珍藏版)》请在冰豆网上搜索。
JavaScriptDOM
DOM文档对象模型DocumentObjectModel
JavaScript将浏览器及网页文档、HTML元素都使用相应的对象表示
如:
window、document、body、forms
这些对象与对象的层次关系称为DOM
DHTML(DynamicHTML动态HTML)
HTML+JavaScript+CSS+DOM的结合使用称之为DHTML
BOM浏览器对象模型
浏览器对象
window对象
表示浏览器窗口对其属性和方法的引用可以省略window.
window对象方法
alert()方法
显示包含由应用程序自定义消息的对话框
confirm()方法返回truefalse
显示一个确认对话框,
prompt()方法
显示一个提示对话框其中带有一条消息和一个输入框
确定返回文本框的值取消返回null
close()方法关闭指定的窗口
open()方法打开一个WEB浏览器窗口
window.location.href="URL"当前窗口打开新窗口覆盖当前窗口
window.open(”打开窗口的url”,”窗口名”,”窗口特征”)
window.open("about:
blank");//open()最简单使用
window.open("url","windowName","width=100height=100status=yesmenubar=no
toolbar=noresizable=nolocation=yesscrollbars=yes");
height:
窗口高度;
width:
窗口宽度;
top:
窗口距离屏幕上方的象素值;
left:
窗口距离屏幕左侧的象素值;
toolbar:
是否显示工具栏,yes为显示;
menubar,scrollbars表示菜单栏和滚动栏。
resizable:
是否允许改变窗口大小,yes或1为允许
location:
是否显示地址栏,yes或1为允许
status:
是否显示状态栏内的信息,yes或1为允许
定时器
轮询
Window.setTimeout(函数名,指定时间毫秒数)
延时执行某个函数执行一次
clearTimeout(定时器对象名称)取消执行定时器
setInterval(函数名称,时间毫秒数)
定时执行指定的函数间隔为多少毫秒数
clearInterval(定时器对象名称)取消定时器
定时器示例:
//setTimeout(函数名,指定时间毫秒数)延时执行某个函数执行一次
//clearTimeout(定时器对象名称)
varstart;
functionshowName(){
document.all["myname"].style.display="block";
start=setTimeout("hideName()",300);
}
functionhideName(){
document.all["myname"].style.display="none";
start=setTimeout("showName()",300);
}
functionstopTime(){
if(start!
=null){
clearTimeout(start);
start=null;
document.all.btn.value="开始闪烁"
}
else
{
start=setTimeout("showName()",300);
document.all.btn.value="停止闪烁"
}
}
Hellonone">肖总
none">肖总