<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
// location对象 --属于window对象的子对象.
// href属性:设置或获取URL地址(网址)
//加载函数
window.onload = function(){
//获取当前网页的URL地址
var url = window.location.href;
console.log(url);
//获取按钮(根据id)
var oBtn = document.getElementById("oBtn");
//调用标签的事件属性
oBtn.onclick = function(){
location.href = "https://blog.csdn.net/qq_62898618?type=blog";
};
//定时器 setTimeout();
var date = 5;
var timer = window.setInterval(function(){
var sid = document.getElementById("sid");
if(date == 0){
window.location.href = "https://blog.csdn.net/qq_62898618?type=blog";
}else{
sid.innerHTML = date;
date--;
}
},1000);
var aid
模拟网页自动跳转
于 2022-03-07 15:18:39 首次发布
这个示例展示了JavaScript中如何利用window对象的location属性进行页面跳转,包括点击按钮后的即时跳转和定时跳转。同时,也演示了如何通过document.getElementById获取元素并绑定事件,以及如何使用setTimeout和clearInterval实现计时器功能,用于在指定时间后自动跳转或提前终止跳转。
摘要由CSDN通过智能技术生成