目录
1. 弹出框
2. 定时器
3. 导航与URL
4. 浏览器信息
5. 窗口控制
6. 屏幕信息
7. 历史对象
1. 弹出框
警告框(Alert)
window.alert('这是一个警告消息'); |
确认框(Confirm)
var isConfirmed = window.confirm('您确定要执行此操作吗?'); | |
if (isConfirmed) { | |
console.log('用户点击了“确定”'); | |
} else { | |
console.log('用户点击了“取消”'); | |
} |
提示框(Prompt)
var userName = window.prompt('请输入您的名字', '默认名字'); | |
if (userName != null && userName != '') { | |
console.log('您好,' + userName + '!'); | |
} else { | |
console.log('您没有输入名字。'); | |
} |
2. 定时器
setTimeout
// 延迟3秒后执行函数 | |
var timerId = setTimeout(function() { | |
console.log('3秒后执行的函数'); | |
}, 3000); | |
// 稍后清除定时器 | |
// clearTimeout(timerId); |
setInterval
// 每隔1秒执行一次函数 | |
var intervalId = setInterval(function() { | |
console.log('每隔1秒执行的函数'); | |
}, 1000); | |
// 稍后清除定时器 | |
// clearInterval(intervalId); |
3. 导航与URL
重定向到另一个页面
window.location.href = 'https://www.example.com'; |
重新加载当前页面
window.location.reload(); |
4. 浏览器信息
获取用户代理字符串
var userAgent = navigator.userAgent; | |
console.log(userAgent); |
5. 窗口控制
打开新窗口
var newWindow = window.open('https://www.example.com', '_blank'); | |
if (newWindow) { | |
newWindow.focus(); // 将焦点移动到新打开的窗口 | |
} |
关闭当前窗口
请注意,出于安全原因,大多数现代浏览器不允许脚本关闭它们自己打开的窗口以外的窗口。
调整窗口大小
// 注意:大多数现代浏览器出于安全原因限制了这些功能的使用。 | |
window.resizeTo(500, 500); // 设置为500x500像素 | |
window.moveTo(100, 100); // 移动窗口到屏幕上的(100,100)位置 |
6. 屏幕信息
获取屏幕宽度和高度
var screenWidth = screen.width; | |
var screenHeight = screen.height; | |
console.log('屏幕宽度: ' + screenWidth + ', 屏幕高度: ' + screenHeight); |
7. 历史对象
后退一页
window.history.back(); |
前进一页
window.history.forward(); |
请记住,由于安全性和用户体验的考虑,某些浏览器可能会对某些操作施加限制,例如阻止脚本打开新的窗口或标签页,或者限制对窗口大小和位置的更改。此外,浏览器的行为可能会根据用户的设置和偏好(如弹出窗口拦截器)而有所不同。