BOM_Location、自动跳转首页
BOM_Location
创建（获取）：
window . location
locateion
方法：
reload() 重新加载当前文档，刷新
back():加载history 列表中的前一个URL
forward():记载history列表中的某个具体页面
go（参数）：整数：前进几个历史记录
负数：后退几个历史记录
属性：
href 设置或返回完成的URL
length：返回当前窗口历史列表中的URL数量
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Location对象</title> </head> <body> <!-- 刷新按钮--> <input type = "button" id = "btn" value = "刷新"> <input type = "button" id = "goItcast" value = "百度"> <script> <!-- reload方法，定义一个按钮，点击按钮，刷新当前页面--> //获取按钮 var btn = document.getElementById("btn"); //绑定单击事件 btn.onclick=function () { //刷新页面 location.reload(); } //获取href,页面路径 var href = location.href;3 //页面弹窗 //alert(href) //获取按钮 var goItcast = document.getElementById("goItcast"); //绑定单击事件 goItcast.onclick = function () { //去访问百度网站 location.href = "https://www.baidu.com" } </script> </body> </html>
自动跳转首页
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自动跳转</title> <style> /*<!-- p标签 -->*/ p{ /*居中*/ text-align: center; } /*span标签*/ span{ /*红色*/ color:red; } </style> </head> <body> <p> <span id="time">5</span>秒之后，自动跳转到首页... </p> <script> /* 分析： 1.显示页面效果 <p> 2.倒计时读秒效果实现 2.1 定义一个方法，获取span标签，修改span标签体内容，时间-- 2.2 定义一个定时器，1秒执行一次该方法 3.在方法中判断时间如果<= 0 ，则跳转到首页 */ // 2.倒计时读秒效果实现 //倒计时五秒 var second = 5; //获取倒计时 var time = document.getElementById("time"); //定义一个方法，获取span标签，修改span标签体内容，时间-- function showTime(){ //修改时间-1 second -- ; //判断时间如果<= 0 ，则跳转到首页 if(second <= 0){ //跳转到首页 location.href = "https://www.baidu.com"; } //倒计时读秒 time.innerHTML = second +""; } //设置定时器，1秒执行一次该方法 setInterval(showTime,1000); </script> </body> </html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix