打开新浏览器窗口

• 使用 window.open() 方法可以创建新的浏览器窗口。例如：

  window.open('index.html', '新窗口', 'width=600, height=400');

• 这一方法可以指定窗口的标题、宽度、高度以及其他属性，如工具栏、菜单栏等。

调整窗口大小

• 可以通过设置 window.innerWidth 和 window.innerHeight 来改变窗口的大小。例如：

  window.innerWidth = 800; // 设置窗口宽度为800像素

页面导航

• 使用 window.history 对象可以对页面历史进行操作。window.history.back() 可以导航到上一页，window.history.forward() 导航到下一页。

history 对象

• 用于访问用户浏览过的页面记录。history.length 返回历史记录的数量。

location 对象

• 提供当前页面的信息，如域名、路径、查询参数等。location.href 返回当前页面的完整URL，location.reload() 则可以重新加载当前页面。

document 对象

• 与页面内容相关的操作。document.getElementById() 用于获取元素，document.write() 用于向页面中写入内容。

prompt() 方法

• 弹出一个对话框，用户可以输入文本。例如：

  var input = window.prompt('请输入您的名字');

• 如果用户取消对话框，返回 null。

alert() 方法

• 弹出一个警告框，显示信息。例如：

  window.alert('系统提示：请确认操作');

confirm() 方法

• 弹出一个确认对话框，返回 true 或 false。例如：

  var result = window.confirm('您确认要继续吗？');

close() 方法

• 用于关闭当前浏览器窗口。不过需要注意的是，IE 浏览器支持该方法，而其他浏览器则可能无法直接关闭非主窗口。

setTimeout() 函数

• 设置一个函数在指定时间后执行。例如：

  setTimeout(function() {    alert('定时提醒：已过5秒!');}, 5000);

setInterval() 函数

• 设置一个函数在指定时间间隔内重复执行。例如：

  setInterval(function() {    alert('定时提醒：每隔5秒执行一次!');}, 5000);

onload 事件

• 当页面加载完成时触发。例如：

onclick 事件

• 当元素被点击时触发。例如：

  点击我

onmouseover 事件

• 当鼠标悬停在元素上时触发。例如：

        
         鼠标悬停时触发
        

onchange 事件

• 当输入内容改变时触发。例如：

  输入改变时触发

如何获取页面的原始来源 URL？

• 使用 document.referrer 属性。例如：

  console.log(document.referrer); // 获取当前页面的来源链接

如何在新窗口中加载页面？

• 使用 window.open() 方法。例如：

  window.open('newpage.html', '新窗口');

如何在定时函数中避免多次调用？

• 使用 clearTimeout() 和 clearInterval() 方法清除定时任务。例如：

  var timeout = setTimeout(function() {}, 5000);clearTimeout(timeout); // 取消定时任务