将函数附加到DOMWindow对象 [英] Attach function to DOMWindow Object

问题描述

我有一个很好的小片段我为获得浏览器位置而做：

I have this nice little snippet i've made for getting browser position:

if (!window.position) {
    window.position = function() {
        return navigator.appName.toLowerCase().indexOf("explorer") >= 0 ? { x: window.screenLeft, y: window.screenTop } : { x: window.screenX, y: window.screenY };
    };
};

它很棒，我想知道的是，任何人都知道（我似乎无法找到/记住它是否存在）是否有类似_prototype的东西，以便我可以永久地附加该功能。这对我有这样的情况很有用：

It works great, what i'm wondering is, anyone know (i can't seems to find/remember if it exist) if there is something like a "_prototype" so that I can attach the function permanently. This would be useful in the case I have something like:

var bob =   window.open(...);

那么我可以说：

var bobSposisition = bob.position(); // and of course get the same thing on bob that i'm getting on my current parent window.

---

---

更新回答后 [添加了有趣的片段！]

Updated after answered [added fun snippet!]

---

这个问题是旧的有点没有想法，但如果它有帮助你，你可能也会对以下片段感兴趣！

---

This question was old and a bit unthought, but if it helps ya, you may also be interested in the following snippet!

;;(function() {
    "use strict";
    /** window.position
     *  Add `position` method to windows object that allows for detection of the current browser window position.
     *
     *  @returns Object Object of x and y points of current position. Also updates window.position properties, as neccesary.
     *  
     *  @property INT window.position.originX Original X point upon page load. Never updates, unless page is reloaded.
     *  @property INT window.position.originY Original Y point upon page load. Never updates, unless page is reloaded.
     *  @property INT window.position.lastX Last X Point at time of last call to window.position() method. Only updates if current position has changed since last call.
     *  @property INT window.position.lastY Last Y Point at time of last call to window.position() method. Only updates if current position has changed since last call.
     *  @property INT window.position.x Current X Point at time of last call to window.position() method. Updates everytime window.position() method is called.
     *  @property INT window.position.y Current Y Point at time of last call to window.position() method. Updates everytime window.position() method is called.
     */
    window['position'] = function() { var position = function() { var a = 0 <= navigator.appName.toLowerCase().indexOf("explorer") ? { x: window.screenLeft, y: window.screenTop } : { x: window.screenX, y: window.screenY }; void 0 == window.position && (window.position = {}); void 0 == window.position.history && (window.position.history = []); if (void 0 == window.position.lastX || a.x != window.position.x) window.position.lastX = window.position.x; if (void 0 == window.position.lastY || a.y != window.position.y) window.position.lastY = window.position.y; window.position.x = a.x; window.position.y = a.y; window.position.history.push({ x: a.x, y: a.y, last: { x: window.position.lastX, y: window.position.lastY } }); return a; }, pos = position(); position.originX = position.x = pos.x; position.originY = position.y = pos.y; position.history = [{ x: pos.x, y: pos.y, last: { x: pos.x, y: pos.y } }]; return position; }();
})();

/*  To Add To jQuery, simply insert the following after above code and after jQuery is added to page    */

if (jQuery) {
    (function($) {
        /** jQuery(window).position()
         *
         *  @description As is, jQuery's `.position` method errors out when applied to '$(window)'.
         *  The following extends the `.position` method to account for `window` if `window.position` exist.
         *
         *  @example $(window).position();
         *      Will output an Object like:
         *      { x: 2643, y: 0, top: 0, left: 2643, lastX: 1920, lastY: 0, originX: 1920, originY: 0 }
         */
        if (window.position && $.fn.position) {
            $.fn.originalPosition = $.fn.position;
            $.fn.position = function() {
                return this && "object" == typeof this && this[0] == window ? $.extend(!0, window.position(), {
                    top: window.position.y,
                    left: window.position.x,
                    lastX: window.position.lastX,
                    lastY: window.position.lastY,
                    originX: window.position.originX,
                    originY: window.position.originY
                }) : $.fn.originalPosition.apply(this, arguments)
            }
        }
    })(jQuery);
}

jsFiddle

推荐答案

分配给的属性窗口对象与全局变量相同。所以你的代码：

Properties assigned to the window object are the same as global variables. So your code:

if (!window.position) {
    window.position = function() {
        return navigator.appName.toLowerCase().indexOf("explorer") >= 0 ? { x: window.screenLeft, y: window.screenTop } : { x: window.screenX, y: window.screenY };
    };
};

与以下内容相同：

if (typeof position == "undefined") {
    var position = function () {
        return navigator.appName.toLowerCase().indexOf("explorer") >= 0 ? { x: window.screenLeft, y: window.screenTop } : { x: window.screenX, y: window.screenY };
    };
};    

在任何情况下，对全局变量或窗口属性的更改都会持续到另一个页面，窗口或框架每个都有自己的状态。

In no cases will changes to globals or the window property persist to another page, window or frame as they each have their own state from scratch.

要处理你的问题，你可以创建一个带有所需窗口的函数作为参数：

To deal with your issue, you could make a function that takes the desired window as an argument:

function getWindowPosition(obj) {
    return navigator.appName.toLowerCase().indexOf("explorer") >= 0 ? { x: obj.screenLeft, y: obj.screenTop } : { x: obj.screenX, y: obj.screenY };
}

在新窗口的上下文中，您可以像这样使用它： / p>

In the context of your new window, you could use it like this:

var bob = window.open(...);
var pos = getWindowPosition(bob);

此跨窗口访问权限受同源安全限制，但只要它们是相同的来源，这就行了。

This cross-window access would be subject to the same-origin security restrictions, but as long as they are the same origin, this would work.

这篇关于将函数附加到DOMWindow对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！