BOM网页相关操作

最新推荐文章于 2024-08-15 15:18:07 发布

YourLie_in_April

最新推荐文章于 2024-08-15 15:18:07 发布

阅读量317

点赞数 1

分类专栏： #JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/YourLie_in_April/article/details/124664701

版权

#JavaScript 专栏收录该内容

36 篇文章

订阅专栏

本文介绍了JavaScript中与浏览器对象模型(BOM)相关的操作，包括window.prompt用于创建提示对话框，setTimeout和setInterval实现定时器功能，以及如何使用clearTimeout和clearInterval关闭定时器。此外，还讨论了open和close方法来打开和关闭网页，特别是close方法通常配合定时器使用。最后，讲解了window.history对象，包括back、forward和go方法用于浏览历史记录。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window.prompt("提示文本"，“默认值”)：弹出一个提示文本。

定时器：

setTimeout( 函数，时间)：延迟多少毫秒执行。

setInterval(函数，时间)：间隔定时器，不断重复执行。

关闭定时器：clearTimeout( 定时器返回值)、clearInterval(定时器返回值)。

open打开网页效果：

// 一个参数时，只有网址，只要刷新就会打开新页面
window.open("https://www.bilibili.com/");
//二个参数时，每次刷新都会刷新第一次打开的网址，不会跳转新页面 
window.open("https://www.bilibili.com/","KW");
//第三个参数，打开网页的大小，位置
window.open("https://www.bilibili.com/","KW","width = 500px,height = 500px,top = 300px ,left = 500px ");

close关闭网页：一般不单独使用，一般搭配定时器使用（关闭网页一般关闭自己网页）。

/* 间隔多少秒后执行 */
setTimeout(() => {
    window.open('https://www.bilibili.com/', 'kw52')
}, 3000);
/* 间隔多少秒后关闭网页 */
setTimeout(() => {
    window.close();
}, 10000);

浏览器历史记录：

window.history：是一个对象，里面包含一些操作历史记录的属性和方法。

方法：

window.history.back()：回退到上一条历史记录（要有历史记录）。

window.history.forward()：前进到下一条历史记录（要有历史记录）。

window.history.go(整数)：正整数：表示前进、0：表示刷新当前页面、负整数：表示后退（你想要跳转几个页面你就写几）。

function back_fun(){
   window.history.back()  
}
function forw_fun(){
   window.history.forward()  
}
function go_fun() {
// 参数为0 .表示刷新当前页面
    window.history.go(0)
    window.history.go(1)
    window.history.go(4)
}