一、关于BOM对象。
BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作。使用BOM,开发者可以移动窗口,改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。
用于操控用户浏览器。
1。窗口对象:
所有浏览器都支持窗口对象。
,,概念上讲,一个html文档对应一个窗口对象。
,,功能上讲:控制浏览器窗口的。
,,使用上讲:窗口对象不需要创建对象,直接使用即可。
下面是窗口对象的常用方法:
alert (),,,,,,显示带有一段消息和一个确认按钮的警告框。
确认(),,,,,显示带有一段消息以及确认按钮和取消按钮的对话框。
提示符(),,,,,显示可提示用户输入的对话框。
open (),,,,,,打开一个新的浏览器窗口或查找一个已命名的窗口。
关闭(),,,,,,关闭浏览器窗口。
setInterval (),,,按照指定的周期(以毫秒计)来调用函数或计算表达式。
clearInterval (),,取消由setInterval()设置的超时。
setTimeout (),,,在指定的毫秒数后调用函数或计算表达式。
clearTimeout (),,取消由setTimeout()方法设置的超时。
scrollTo (),,,,把内容滚动到指定的坐标。
交互示例:
方法讲解:,,
,,,,//- - - - - - - - - - -警报确认提示- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
,,//alert (' aaa ');
,,,
,,,
,,/* var=确认结果(“您确定要删除吗?”);
,,警报(结果);*/
,,//提示参数1:提示信息。,参数2:输入框的默认值。返回值是用户输入的内容。
,,//var=结果提示(“请输入一个数字!”,“哈哈”);
,,//警报(结果);
,,方法讲解:,
,,,,//打开方法打开和一个新的窗口并进入指定网址。参数1:网址。
,,,,//调用方式1
,,,,,,//打开(“http://www.baidu.com”);
,,,,//参数1什么都不填就是打开一个新窗口。,参数2。填入新窗口的名字(一般可以不填)。参数3:新打开窗口的参数。
,,,,,,open(”、“,”宽度=200,可调整大小的=不,身高=100 ');//新打开一个宽为200高为100的窗口
,,,,//关闭方法,将当前文档窗口关闭。
,,,,,,//关闭();
示例2:
var num=Math.round (math . random () * 100);
函数acceptInput () {
//2。让用户输入(提示),,并接受用户输入结果
var userNum=提示(“请输入一个0 ~ 100之间的数字!”,“0”);
//3。将用户输入的值与随机数进行比较
,,,,如果(isNaN (+ userNum)) {
,,,,,,//用户输入的无效(重复2、3步骤)
,,,,,,警报(“请输入有效数字!”);
,,,,,,acceptInput ();
,,,,}
,,,,else if (userNum比;num) {
,,,,//大了==比;提示用户大了,让用户重新输入(重复2、3步骤)
,,,,,,alert("您输入的大了!”);
,,,,,,acceptInput ();
,,,,}else if (userNum & lt;num) {
,,,,//小了==比;提示用户小了,让用户重新输入(重复2、3步骤)
,,,,,,alert("您输入的小了!”);
,,,,,,acceptInput ();
,,,,其他}{
,,,,//答对了==祝辞提示用户答对了,询问用户是否继续游戏(证实)。
,,,,,,var=确认结果(“恭喜您!答对了,是否继续游戏?”);
,,,,,,如果(结果){
,,,,,,,,//是==比;重复123步骤。
,,,,,,,,num=Math.round (math . random () * 100);
,,,,,,,,acceptInput ();
,,,,,,其他}{
,,,,,,,,//否==比;关闭窗口(近方法)。
,,,,,,,,close ();
,,,,,,}
,,,,}
,,,,,
setInterval& clearInterval
& lt;输入id=癐D1”类型=拔谋尽痹?/p>
& lt; button>停止& lt;/button>
& lt; script>
,,showTime()函数{
,,,,,日期,var nowd2=new () .toLocaleString ();
,,,,,,var temp=. getelementbyid (ID1);
,,,,,,temp.value=https://www.yisu.com/zixun/nowd2;
,,}
,,var时钟;
,,开始()函数{
,,,,如果(时钟==定义){
,,,,,,,showTime ();
,,,,,,,时钟=setInterval (showTime, 1000年),
,,,,}
,,}
,,函数结束(){
,,,,clearInterval(时钟);
,,null