BOM模型:浏览器对象模型(Browser Object Model):{
1)BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构
2)BOM可实现功能
弹出新的浏览器窗口
移动、关闭浏览器窗口以及调整窗口的大小
页面的前进、后退
}
window对象:{
常用的属性:{
history:有关客户访问过的URL的信息
location:有关当前URL的信息
}
语法:window.属性名= \”属性值\”
window.location=\”http://www.baidu.com\” ;
常用的方法:{
prompt():显示可提示用户输入的对话框
alert( ):显示带有一个提示信息和一个确定按钮的警示框
confirm( ):显示一个带有提示信息、确定和取消按钮的对话框
close( ):关闭浏览器窗口
open( ):打开一个新的浏览器窗口,加载给定 URL 所指定的文档
setTimeout( ):在指定的毫秒数后调用函数或计算表达式
setInterval( ):按照指定的周期(以毫秒计)来调用函数或表达式
confirm():{将弹出一个确认对话框
}
open()方法:{
window.open(\”弹出窗口的url\”,\”窗口名称\”,\”窗口特征”)
}
}
history对象:{
back():加载 history 对象列表中的前一个URL
forward():加载 history 对象列表中的下一个URL
go():加载 history 对象列表中的某个具体URL
}
history对象:{
常用属性:{
host:设置或返回主机名和当前URL的端口号
hostname:设置或返回当前URL的主机名
href:设置或返回完整的URL
}
常用方法:{
reload():重新加载当前文档
replace():用新的文档替换当前文档
}
}
Document对象:{
referrer:返回载入当前文档的URL
URL:返回当前文档的URL
document.referrer
document.URL
}
Document对象的常用方法:{
getElementById():返回对拥有指定id的第一个对象的引用(对象的id唯一)
getElementsByName():返回带有指定名称的对象的集合(相同name属性)
getElementsByTagName():返回带有指定标签名的对象的集合(形同元素)
write():向文档写文本、HTML表达式或JavaScript代码
}
}
JavaScript内置对象:{
Array:用于在单独的变量名中存储一系列的值
String:用于支持对字符串的处理
Math:用于执行常用的数学任务,它包含了若干个数字常量和函数
Date:用于操作日期和时间
var 日期对象=new Date(参数)
参数格式:MM DD,YYYY,hh:mm:ss
var today=new Date(); //返回当前日期和时间 var tdate=new Date(\”september 1,2013,14:58:12\”);
Date对象的方法:{
制作时钟特效:
使用Date对象的方法显示当前时间的小时、分钟和秒
}
Math对象:{
如何实现返回的整数范围为2~99?
var iNum=Math.floor(Math.random()*98+2);
}
定时函数:{
setTimeout():setTimeout(\”调用的函数\”,等待的毫秒数)
var myTime=setTimeout(\”disptime() \”, 1000 );
1秒(1000毫秒)之后执行函数disptime()一次
注:延迟函数的执行时间
setInterval():setInterval(\”调用的函数\”,间隔的毫秒数)
var myTime=setInterval(\”disptime() \”, 1000 );
每隔1秒(1000毫秒)执行函数disptime()一次
如果要多次调用,使用setInterval()或者让disptime()自身再次调用setTimeout()
}
清除函数:{
clearTimeout():clearTimeout(setTimeOut()返回的ID值)
示例:var myTime=setTimeout(\”disptime() \”, 1000 ); clearTimeout(myTime)
clearInterval ():clearInterval(setInterval()返回的ID值)
示例:var myTime=setInterval(\”disptime() \”, 1000 ); clearInterval(myTime);
}
总结:{
}