`
ianylb
  • 浏览: 74394 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

JavaScript中的window对象分析

JavaScript浏览器HTMLCC++ 
阅读更多
好久没有学习了。今天准备将自己这段时候做项目时用到的js心得记录下来。

  • 自定义的方法和属性默认属于window对象。

    • 如果不做回跨页面调用和回调，也许不知道这个知识点也没什么关系。但如果你想在你新打开的窗口中调用父窗口中的方法和属性，那你就必须想方设法先找到window对象。然后依据自定义的方法和属性默认属于window对象这个原理来调用你所要调用的方法和属性。
    例如：
    function a(){
      alert("this is a method");
    }
    那么找到a()的路径就可能有
    1、a()  当前window下调用
    2、window.opener.a()  子窗口、模式对话框、非模式对话框对话框中调用
    3、window.parent.a()  iframe中调用父框架中的方法
    4、window.frames["iframeName"].a();或iframeName.a();   iframe中调用子窗口中的a()方法

  • window对象不随页面的重载、刷新而改变

    • 前段时间做项目时，担心打开的子窗口中的页面一旦刷新或重定向到另外一个页面后就没法操作父窗口、没法找到父窗口的引用了。最后事实证明window对象不随页面的重载、刷新而改变，因为重载、刷新所改变的只有window中的document属性，而浏览器窗口的大小，状态、工具栏、标题栏等都没发生改变。
    如下：
    a.html
    <BODY>
      <input type="button" value="打开一个新窗口" onclick="window.open('b.html')">
    </BODY>

    b.html
    <BODY>
      <a href="c.html">打开c.html</a>
    </BODY>

    c.html
    <BODY>
      <input type="button" value="关闭父窗口" onclick="window.opener.close()">
    </BODY>

    实践最张证明：点击c.html页面"关闭父窗口"按钮依然能关闭a.html页面所在的浏览器窗口。
分享到：
| Js_CSS实现多色表格
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    window对象

    总的来说，Window对象是JavaScript Web开发中的基石，涵盖了从页面交互、定时任务到性能分析的多种功能。理解并熟练掌握Window对象及其方法，对于成为一个优秀的前端开发者至关重要。通过持续学习和实践，开发者可以...

    JavaScrip文档对象模型(DOM).

    2. **核心对象**：如`String`、`Array`、`Math`、`Date`等，这些都是JavaScript中内置的数据类型。 3. **浏览器对象**：例如`window`、`location`、`history`和`navigator`等，用于访问和控制浏览器的各种功能。 4. ...

    详解javascript中的this对象.pdf

    ## JavaScript 中的 `this` 对象详解 JavaScript 是一种基于对象和事件驱动的动态类型语言，它允许开发者使用面向对象的编程范式。在这个过程中，`this` 关键字扮演了至关重要的角色。然而，`this` 在 JavaScript ...

    利用QtWebKit完成JavaScript访问C++对象

    3. 在JavaScript中调用：现在，你可以在JavaScript代码中像使用任何其他JavaScript对象一样调用这个C++对象的方法。 ```javascript window.myCppObject.sayHello(); ``` 此外，还可以通过QWebChannel来实现更复杂...

    JavaScript的浏览器对象详解

    #### Window对象 `window`对象是BOM的核心，几乎所有的全局变量和函数都属于`window`对象。它可以被视为一个顶级容器，包含了许多其他对象，如`document`、`location`、`history`等。`window`提供了许多方法和事件...

    JavaScript 浏览器对象模型BOM原理与常见用法实例分析

    window对象是JavaScript中的顶级对象。 全局变量、自定义函数也是window对象的属性和方法。 window对象下的属性和方法调用时，可以省略window。 弹出系统对话框 比如说，alert&#40;1&#41;是wi

    javascript宿主对象之window.navigator详解

    其中，window对象是浏览器宿主环境提供的一个全局对象，它代表了浏览器窗口，并提供了多种属性和方法，例如window.location用于处理URL，window.document用于访问DOM等。而window.navigator对象是window对象的一个...

    Window.open在chrome中被block issue分析及解决

    3. **返回值检查**：window.open会返回一个表示新窗口或标签的Window对象。如果浏览器阻止了窗口的打开，返回值将是null。因此，应该检查返回值以确定是否成功打开新窗口。 4. **使用target属性**：在链接或表单中...

    深入理解JavaScript中的this关键字

    在全局环境中，`this`默认指向全局对象，在浏览器中通常是`window`对象。例如： ```javascript function foo() { console.log(this); } foo(); // 输出全局对象 ``` 2. 方法调用 当`this`在一个对象的方法中，它将...

    JavaScript中BOM对象原理与用法分析

    **Window对象**： `Window`对象是BOM的核心，它提供了与浏览器窗口相关的各种方法和属性。例如，`window.alert()`用于弹出警告对话框，`window.confirm()`显示一个带有确认按钮的对话框，`window.prompt()`则允许...

    JavaScript中exec函数用法实例分析.docx

    JavaScript 中 exec 函数用法实例分析 JavaScript 中 exec 函数是正则表达式的一部分，用于在字符串中执行查找，并返回包含该查找结果的一个数组。本文将详细介绍 exec 函数的用法、定义和使用方法。 一、exec ...

    javascript处理中文base64编码

    分析这个文件可以帮助我们更深入地理解在JavaScript中如何处理中文Base64编码的具体实现。 总结来说，处理JavaScript中的中文Base64编码，关键在于正确地转换中文字符串到UTF-8字节数组，再进行Base64编码和解码。...

    网页设计考试题.pdf

    知识点：JavaScript 中 window 对象的 open 方法、打开新窗口。 11. 要求用 JavaScript 实现下面的功能：在一个文本框中内容发生改变后，单击页面的其他部分将弹出一个消息框显示文本框中的内容。答案是 (this....

    javascript教材

    3. **窗口对象**：全局的`window`对象是JavaScript中的顶级对象，它包含了浏览器的所有功能，如`window.location`用于获取或更改当前页面URL，`window.alert`用于弹出警告对话框，`window.setTimeout`则可以实现定时...

    JavaScript中this的使用

    通过对不同场景下`this`的用法进行分析，我们可以更好地控制代码中的对象引用，从而编写出更清晰、更易于维护的程序。在实际开发中，应根据需求灵活运用`call`、`apply`和箭头函数来处理`this`的指向问题。

    javascript操作referer详细解析

    在JavaScript中，我们可以使用`document.referrer`来获取这一信息。然而，由于浏览器安全策略和用户行为等因素，有时`document.referrer`可能返回空字符串。 1. **通过修改`Location`对象进行页面导航**： 当使用`...

    重写window.alert方法

    在JavaScript中，对象的方法是可以被替换的，因此我们可以在全局作用域内定义一个新的`alert`函数，让它执行我们自定义的操作。以下是一个简单的例子： ```javascript (function() { var originalAlert = window....

    JavaScript技术在Web网页中的应用研究.pdf

    Navigator是window对象中的关键属性，可以指向一组包裹Web浏览器的相关信息，并对UI浏览器进行常规管理，例如，浏览器版本号相关的appVersion、名称以及语言相关用户端需求等相关信息。用户代理userAgent为只读属性...

Magicbox
Global site tag (gtag.js) - Google Analytics