首页 > 其他 > 详细

BOM对象

时间:2020-06-01 10:41:39      阅读:37      评论:0      收藏:0      [点我收藏+]

Window 对象的常用方法

  • Window对象是顶层对象,其他所有的对象都是window对象的子对象,Window对象的方法可以省略Window直接写方法名即可。
方法 描述
alert() 弹出警告窗口
confirm() 确认对话框
prompt() 提示输入对话框
close() 关闭窗口
scrollBy() 设置滚动单位,执行一次滚动一次
scrollTo() 设置滚动位置,执行后直接到设置的位置
setInterval() 设置定时器
clearInterval() 删除定时器

警示弹窗

window.alert("这是一个警示弹窗");

确认弹窗&关闭窗口

var flag = window.confirm("这是一个确认弹窗");
document.write(flag);
if (flag) {
    window.close();
}

提示输入框

  • 返回值为字符串
var num = window.prompt("请输入一个数:");
document.write(num + 1);

滚动窗口

function myBy() {
    window.scrollBy(50, 50);// 点击一下走一下
}
function myTo(){
    window.scrollTo(150,150);
} 

设置定时器&清除定时器

// 常规方法定义定时器
var i = 0;
function method01(){
    document.write("hello" +  i++ +"<br>");
    if (i == 100){
        // 清除定时器
        clearInterval(myInterval);
    }
}
// 设置定时器
//setInterval(你要调用的方法名,每隔多少毫秒调用一次) 
var myInterval = window.setInterval(method01, 1);

// 匿名函数方式定义定时器
var i = 0;
var myInterval = setInterval(function(){
    document.write(i++ + " <br>");
    if (i == 10){
        clearInterval(myInterval);
    }
},1000);

使用定时器制作一个时钟

var myInterval = setInterval(function(){
    // 创建当前系统日期时间对象
    var date = new Date();
    // 获取时
    var hour = date.getHours();
    // 获取分
    var min = date.getMinutes();
    // 获取秒
    var sec = date.getSeconds();
    var str = hour + ":" + min + ":" + sec;
    document.getElementById("clock").innerHTML=str;
},1000);

history对象常用方法

方法 描述
back() 后退,如果这是第一个打开的页面无效果
forward() 前进,如果这是最后一个打开的页面无效果
go(intValue)该方法可制定前进或后退多少个页面,正则进,负则退
// page1
<body>
    <a href="page2.html">page2.html</a>
    <a href="javascript:history.forward()">前进</a>
</body>

// page2
<body>
    <a href="page3.html">page3.html</a>
    <a href="javascript:history.go(1)">前进</a>
    <a href="javascript:history.go(-1)">后退</a>
</body>

// page3
<body>
    <a href="javascript:history.back()">后退</a>
</body>

BOM对象

原文:https://www.cnblogs.com/torain/p/13023771.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!