JavaScript 小知识-窗口(window)对象的常用函数(二)

176 阅读2分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

前文学习了 JavaScript 的窗口对象的定义及 window 上的一些属性等, 本文来学习 JavaScript 的窗口对象 window 的一些常用方法函数

JavaScript 窗口对象(window)的常用函数

什么是 JavaScript 的窗口对象?

我们经常使用浏览器访问页面, 而一个个的浏览器窗口就是表示 window 对象..

在客户端的 JavaScript 中, window 对象就是全局对象.

在 window 对象上 实现了 JavaScript 的所有全局属性和全局方法. 另外 window 对象上面定义的 window 属性和 self 属性都是引用的它自己.

同样在 window 上面也有我们经常使用的方法函数, 下面作一介绍:

window 窗口对象 的常用函数

下面列举几个常见的方法函数:

函数名称 及 说明

  1. close() 关闭窗口

  2. Find(), home(), print(), stop()

    分别代表执行浏览器中的查找, 主页, 打印 和停止按钮的功能, 通过在代码中执行这些命令就像我们在点击浏览器界面的按钮一样

  3. Focus(), blur(): 请求放弃窗口的键盘焦点。focus()函数还将把窗口置于最上层, 使窗口变为可见

  4. moveBy(), moveTo(): 移动窗口

  5. resizeBy(), resizeTo(): 调整窗 ☐ 大小

  6. scrollBy(), scrolTo(): 滚动窗 ☐ 中显示的文档

  7. setnterval0, clearInterval(): 两个定时器之一 设置或者取消重复调用的函数,该函数在两次调用之间有指定的延迟

  8. setTimeout(), clearTimeout(): 两个定时器之一 设置或者取消在指定的若干秒后调用一次函数

一个使用 window 方法函数操作参考的小例子


<a href="javascript: shutWin()">关闭当前窗口</a>

<script language="JavaScript">
function shutWin() {
  window.close(); /// 调用 window 上的方法 关闭窗口
  return;
}
</script>