我有一个很棒的小片段,可以获取浏览器位置:
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"的东西(我似乎找不到/记不起是否存在),以便我可以永久地附加函数。如果我有这样的情况,这将非常有用:
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.
回答后更新 [添加了有趣的代码片段!]
这个问题有点老,思考不够充分,但如果对您有帮助,您可能也会对以下代码片段感兴趣!
;;(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);
}
window
对象添加全局属性(虽然这可能是一个很酷的功能:)
)。如果您需要在不同的页面上使用某个函数,请将其包含在脚本中,然后将该脚本添加到这些页面中。此外,应尽量减少使用全局变量,建议使用自定义命名空间。 - Šime Vidas