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
|
|
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(); |
请记住，由于安全性和用户体验的考虑，某些浏览器可能会对某些操作施加限制，例如阻止脚本打开新的窗口或标签页，或者限制对窗口大小和位置的更改。此外，浏览器的行为可能会根据用户的设置和偏好（如弹出窗口拦截器）而有所不同。
