最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JavaScript中Window对象的属性及事件_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:47:53
文档

JavaScript中Window对象的属性及事件_javascript技巧

JavaScript中Window对象的属性及事件_javascript技巧:Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 注释:没有应用于 window 对象的公开标准,不过所有浏览器都支
推荐度:
导读JavaScript中Window对象的属性及事件_javascript技巧:Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 注释:没有应用于 window 对象的公开标准,不过所有浏览器都支


Window 对象

Window 对象表示浏览器中打开的窗口。

如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

注释:没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。

windows对象属性

属性 描述
closed 返回窗口是否已被关闭。
defaultStatus 设置或返回窗口状态栏中的默认文本。
document 对 Document 对象的只读引用。请参阅 Document 对象。
history 对 History 对象的只读引用。请参数 History 对象。
innerheight 返回窗口的文档显示区的高度。
innerwidth 返回窗口的文档显示区的宽度。
length 设置或返回窗口中的框架数量。
location 用于窗口或框架的 Location 对象。请参阅 Location 对象。
name 设置或返回窗口的名称。
Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象。
opener 返回对创建此窗口的窗口的引用。
outerheight 返回窗口的外部高度。
outerwidth 返回窗口的外部宽度。
pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
parent 返回父窗口。
Screen 对 Screen 对象的只读引用。请参数 Screen 对象。
self 返回对当前窗口的引用。等价于 Window 属性。
status 设置窗口状态栏的文本。
top 返回最顶层的先辈窗口。
window window 属性等价于 self 属性,它包含了对窗口自身的引用。
  • screenLeft
  • screenTop
  • screenX
  • screenY
  • 只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。

    windows对象方法

    方法 描述
    alert() 显示带有一段消息和一个确认按钮的警告框。
    blur() 把键盘焦点从顶层窗口移开。
    clearInterval() 取消由 setInterval() 设置的 timeout。
    clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
    close() 关闭浏览器窗口。
    confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
    createPopup() 创建一个 pop-up 窗口。
    focus() 把键盘焦点给予一个窗口。
    moveBy() 可相对窗口的当前坐标把它移动指定的像素。
    moveTo() 把窗口的左上角移动到一个指定的坐标。
    open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
    print() 打印当前窗口的内容。
    prompt() 显示可提示用户输入的对话框。
    resizeBy() 按照指定的像素调整窗口的大小。
    resizeTo() 把窗口的大小调整到指定的宽度和高度。
    scrollBy() 按照指定的像素值来滚动内容。
    scrollTo() 把内容滚动到指定的坐标。
    setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。
    setTimeout() 在指定的毫秒数后调用函数或计算表达式。

    不同的运行环境有不同的“顶层对象”,而在浏览器的环境中,顶层对象就是window对象。window就是指当前的浏览器窗口。

    例:var a = 1;

    window.a; //1

    1.window对象的属性。

    (1)window.name属性

    window.name用于设置浏览器当前浏览器窗口的名字。其特点为浏览器刷新后,该属性保持不变。

    (2)window.innerHeight属性,window.innerWidth属性

    这两个属性返回网页的css布局占据的浏览器窗口的高度和宽度。这两个属性的值包括浏览器的滚动条的高度和宽度。

    (3)window.pageXoffset属性和window.pageYoffset属性。

    window.pageXoffset返回页面水平滚动的距离。window.pageYoffset返回页面垂直滚动的距离。

    (4)iframe元素

    window.iframe返回一个类似数组的对象。

    (5)screen对象

    显示设备的信息。

    // 显示设备的高度,单位为像素
      screen.height
    // 1920
    // 显示设备的宽度,单位为像素
      screen.width
    // 1080

    2.window对象的事件。

    (1)onerror事件。

    oonerror事件是一种老式的标准的在网页中捕获 Javascript 错误的方法。

    (2)alert(),prompt(),confirm()

    都是浏览器用来与用户互动的方法。它们会弹出不同的对话框。

    例:alert("Hello World");

    alert();弹出的对话框,只有一个“确定”按钮,往往用来通知用户某些信息。

    例:var result = prompt('您的年龄?', 25)

    prompt();弹出的对话框,有一个输入框,要求用户输入信息,并有“确定”和“取消”两个按钮。这个方法往往用来获取用户输入的数据。

    例:var result = confirm("你最近好吗?");

    confirm();confirm方法返回一个布尔值,如果用户点击“确定”,则返回true;如果用户点击“取消”,则返回false。

    文档

    JavaScript中Window对象的属性及事件_javascript技巧

    JavaScript中Window对象的属性及事件_javascript技巧:Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 注释:没有应用于 window 对象的公开标准,不过所有浏览器都支
    推荐度:
    标签: 事件 js javascript
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top