parent.main.location --------------------框架网页中 获取 或控制 子窗口的相关属性

最新推荐文章于 2023-03-10 12:42:26 发布
最新推荐文章于 2023-03-10 12:42:26 发布
阅读量221 收藏 1
点赞数
文章标签： php javascript ViewUI

这句话的意思是 ：
当前窗口的 父窗口（一般会是主框架）下的main窗口的location（即地址栏的地址）；

比如一个页面A是个frameset页面，框架页。
该框架页有两个框架窗口组成。
<frameset rows="126,*" cols="*" framespacing="0" frameborder="no" border="0">
  <frame src="timer.php" name="head" scrolling="No" noresize="noresize" id="head">
  <frame src="frame2.php" name="main" id="main">
</frameset>
页面A是个frameset页面是parent窗口，该窗口包括
两个框架窗口 分别是 head 窗口 和 main。

head窗口的页面location指向timer.php，那么在timer.php页面parent.main.location ，parent就是frameset 框架窗口，main 窗口的location便是frame2.php。

 

项目中对应的问题

有一个JS。blackbird.JS 是一个遮罩层。
一开始命名为  var NAMESPACE = 'log';
后来在
   window[NAMESPACE] = {
        toggle:
			function() { (isVisible()) ? hide() : show(); },

定义了其使用方式。
此JS本身是一个对象。（function（）{}）（）

/*
Blackbird - Open Source JavaScript Logging Utility
Author: G Scott Olson
Web: http://blackbirdjs.googlecode.com/
http://www.gscottolson.com/blackbirdjs/
Version: 1.0

The MIT License - Copyright (c) 2008 Blackbird Project
*/
(function() {
    var NAMESPACE = 'log';
    var IE6_POSITION_FIXED = true; // enable IE6 {position:fixed}

    var bbird;
    var outputList;
    var cache = [];

    var state = getState();
    var classes = {};
    var profiler = {};
    var IDs = {
        blackbird: 'blackbird',
        checkbox: 'bbVis',
        filters: 'bbFilters',
        controls: 'bbControls',
        size: 'bbSize'
    }
    var messageTypes = { //order of these properties imply render order of filter controls
        debug: true,
        info: true,
        warn: true,
        error: true,
        profile: true
    };

    function generateMarkup() { //build markup
        var spans = [];
        for (type in messageTypes) {
            spans.push(['<span class="', type, '" type="', type, '"></span>'].join(''));
        }

        var newNode = document.createElement('DIV');
        newNode.id = IDs.blackbird;
        newNode.style.display = 'none';
        newNode.innerHTML = [
			'<div class="header">',
				'<div class="left">',
					'<div id="', IDs.filters, '" class="filters" title="点击过滤相应信息">', spans.join(''), '</div>',
				'</div>',
				'<div class="right">',
					'<div id="', IDs.controls, '" class="controls">',
						'<span id="', IDs.size, '" title="contract" op="resize"></span>',
						'<span class="clear" title="clear" op="clear"></span>',
						'<span class="close" title="close" op="close"></span>',
					'</div>',
				'</div>',
			'</div>',
			'<div class="main">',
				'<div class="left"></div><div class="mainBody">',
					'<ol>', cache.join(''), '</ol>',
				'</div><div class="right"></div>',
			'</div>',
			'<div class="footer">',
				'<div class="left"><label for="', IDs.checkbox, '"><input type="checkbox" id="', IDs.checkbox, '" />登陆后显示提醒</label></div>',
				'<div class="right"></div>',
			'</div>'
		].join('');
        return newNode;
    }

    function backgroundImage() { //(IE6 only) change <BODY> tag's background to resolve {position:fixed} support
        var bodyTag = document.getElementsByTagName('BODY')[0];

        if (bodyTag.currentStyle && IE6_POSITION_FIXED) {
            if (bodyTag.currentStyle.backgroundImage == 'none') {
                bodyTag.style.backgroundImage = 'url(about:blank)';
            }
            if (bodyTag.currentStyle.backgroundAttachment == 'scroll') {
                bodyTag.style.backgroundAttachment = 'fixed';
            }
        }
    }

    function addMessage(type, content) { //adds a message to the output list
        content = (content.constructor == Array) ? content.join('') : content;
        if (outputList) {
            var newMsg = document.createElement('LI');
            newMsg.className = type;
            newMsg.innerHTML = ['<span class="icon"></span>', content].join('');
            outputList.appendChild(newMsg);
            scrollToBottom();
        } else {
            cache.push(['<li class="', type, '"><span class="icon"></span>', content, '</li>'].join(''));
        }
    }

    function clear() { //clear list output
        outputList.innerHTML = '';
    }

    function clickControl(evt) {
        if (!evt) evt = window.event;
        var el = (evt.target) ? evt.target : evt.srcElement;

        if (el.tagName == 'SPAN') {
            switch (el.getAttributeNode('op').nodeValue) {
                case 'resize': resize(); break;
                case 'clear': clear(); break;
                case 'close': hide(); break;
            }
        }
    }

    function clickFilter(evt) { //show/hide a specific message type
        if (!evt) evt = window.event;
        var span = (evt.target) ? evt.target : evt.srcElement;

        if (span && span.tagName == 'SPAN') {

            var type = span.getAttributeNode('type').nodeValue;

            if (evt.altKey) {
                var filters = document.getElementById(IDs.filters).getElementsByTagName('SPAN');

                var active = 0;
                for (entry in messageTypes) {
                    if (messageTypes[entry]) active++;
                }
                var oneActiveFilter = (active == 1 && messageTypes[type]);

                for (var i = 0; filters[i]; i++) {
                    var spanType = filters[i].getAttributeNode('type').nodeValue;

                    filters[i].className = (oneActiveFilter || (spanType == type)) ? spanType : spanType + 'Disabled';
                    messageTypes[spanType] = oneActiveFilter || (spanType == type);
                }
            }
            else {
                messageTypes[type] = !messageTypes[type];
                span.className = (messageTypes[type]) ? type : type + 'Disabled';
            }

            //build outputList's class from messageTypes object
            var disabledTypes = [];
            for (type in messageTypes) {
                if (!messageTypes[type]) disabledTypes.push(type);
            }
            disabledTypes.push('');
            outputList.className = disabledTypes.join('Hidden ');

            scrollToBottom();
        }
    }

    function clickVis(evt) {
        if (!evt) evt = window.event;
        var el = (evt.target) ? evt.target : evt.srcElement;

        state.load = el.checked;
        setState();
    }


    function scrollToBottom() { //scroll list output to the bottom
        outputList.scrollTop = outputList.scrollHeight;
    }

    function isVisible() { //determine the visibility
        return (bbird.style.display == 'block');
    }

    function hide() {
        bbird.style.display = 'none';
    }

    function show() {
        var body = document.getElementsByTagName('BODY')[0];
        body.removeChild(bbird);
        body.appendChild(bbird);
        bbird.style.display = 'block';
    }

    //sets the position
    function reposition(position) {
        if (position === undefined || position == null) {
            position = (state && state.pos === null) ? 1 : (state.pos + 1) % 4; //set to initial position ('topRight') or move to next position
        }

        switch (position) {
            case 0: classes[0] = 'bbTopLeft'; break;
            case 1: classes[0] = 'bbTopRight'; break;
            case 2: classes[0] = 'bbBottomLeft'; break;
            case 3: classes[0] = 'bbBottomRight'; break;
        }
        state.pos = position;
        setState();
    }

    function resize(size) {
        if (size === undefined || size === null) {
            size = (state && state.size == null) ? 0 : (state.size + 1) % 2;
        }

        classes[1] = (size === 0) ? 'bbSmall' : 'bbLarge'

        var span = document.getElementById(IDs.size);
        span.title = (size === 1) ? 'small' : 'large';
        span.className = span.title;

        state.size = size;
        setState();
        scrollToBottom();
    }

    function setState() {
        var props = [];
        for (entry in state) {
            var value = (state[entry] && state[entry].constructor === String) ? '"' + state[entry] + '"' : state[entry];
            props.push(entry + ':' + value);
        }
        props = props.join(',');

        var expiration = new Date();
        expiration.setDate(expiration.getDate() + 14);
        document.cookie = ['blackbird={', props, '}; expires=', expiration.toUTCString(), ';'].join('');

        var newClass = [];
        for (word in classes) {
            newClass.push(classes[word]);
        }
        bbird.className = newClass.join(' ');
    }

    function getState() {
        var re = new RegExp(/blackbird=({[^;]+})(;|\b|$)/);
        var match = re.exec(document.cookie);
        return (match && match[1]) ? eval('(' + match[1] + ')') : { pos: null, size: null, load: null };
    }

    //event handler for 'keyup' event for window
    function readKey(evt) {
        if (!evt) evt = window.event;
        var code = 113; //F2 key

        if (evt && evt.keyCode == code) {

            var visible = isVisible();

            if (visible && evt.shiftKey && evt.altKey) clear();
            else if (visible && evt.shiftKey) reposition();
            else if (!evt.shiftKey && !evt.altKey) {
                (visible) ? hide() : show();
            }
        }
    }

    //event management ( thanks John Resig )
    function addEvent(obj, type, fn) {
        var obj = (obj.constructor === String) ? document.getElementById(obj) : obj;
        if (obj.attachEvent) {
            obj['e' + type + fn] = fn;
            obj[type + fn] = function() { obj['e' + type + fn](window.event) };
            obj.attachEvent('on' + type, obj[type + fn]);
        } else obj.addEventListener(type, fn, false);
    }
    function removeEvent(obj, type, fn) {
        var obj = (obj.constructor === String) ? document.getElementById(obj) : obj;
        if (obj.detachEvent) {
            obj.detachEvent('on' + type, obj[type + fn]);
            obj[type + fn] = null;
        } else obj.removeEventListener(type, fn, false);
    }

    window[NAMESPACE] = {
        toggle:
			function() { (isVisible()) ? hide() : show(); },
        resize:
			function() { resize(); },
        clear:
			function() { clear(); },
        move:
			function() { reposition(); },
        debug:
			function(msg) { addMessage('debug', msg); },
        warn:
			function(msg) { addMessage('warn', msg); },
        info:
			function(msg) { addMessage('info', msg); },
        error:
			function(msg) { addMessage('error', msg); },
        profile:
			function(label) {
			    var currentTime = new Date(); //record the current time when profile() is executed

			    if (label == undefined || label == '') {
			        addMessage('error', '<b>ERROR:</b> Please specify a label for your profile statement');
			    }
			    else if (profiler[label]) {
			        addMessage('profile', [label, ': ', currentTime - profiler[label], 'ms'].join(''));
			        delete profiler[label];
			    }
			    else {
			        profiler[label] = currentTime;
			        addMessage('profile', label);
			    }
			    return currentTime;
			}
    }

    addEvent(window, 'load',
    /* initialize Blackbird when the page loads */
		function() {
		    var body = document.getElementsByTagName('BODY')[0];
		    bbird = body.appendChild(generateMarkup());
		    outputList = bbird.getElementsByTagName('OL')[0];

		    backgroundImage();

		    //add events
		    addEvent(IDs.checkbox, 'click', clickVis);
		    addEvent(IDs.filters, 'click', clickFilter);
		    addEvent(IDs.controls, 'click', clickControl);
		    addEvent(document, 'keyup', readKey);

		    resize(state.size);
		    reposition(state.pos);
		    if (state.load) {
		        show();
		        document.getElementById(IDs.checkbox).checked = true;
		    }

		    scrollToBottom();

		    window[NAMESPACE].init = function() {
		        show();
		        window[NAMESPACE].error(['<b>', NAMESPACE, '</b> can only be initialized once']);
		    }

		    addEvent(window, 'unload', function() {
		        removeEvent(IDs.checkbox, 'click', clickVis);
		        removeEvent(IDs.filters, 'click', clickFilter);
		        removeEvent(IDs.controls, 'click', clickControl);
		        removeEvent(document, 'keyup', readKey);
		    });
		});
})();

 

 

 

weixin_33979203
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js-window-project:Irvas 的 JS 项目
05-29
JavaScript 是一种广泛应用于网页和网络应用的脚本语言，其核心在于浏览器中的全局对象——Window。这个“js-window-project”由 Irvas 创建，旨在深入探讨 JavaScript 中的窗口对象及其相关特性。在这个项目中，...
ExtAspNet v2.2.1 （2009-4-1） 值得一看
04-01
-修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性，如果希望两个按钮在一行显示，请为第一个按钮设置CssStyle=...
parent.main.content.location
bird_qiao的专栏
07-14 593
onclick="parent.main.content.location=view.htm;setborder();itemnow.innerText=xwsx.innerText;itemnow.title=xwsx.title" title="修改密码"> 修改密码中功能太强大拉 
JS/JQUERY（4）——parent.main.location-框架页面中，获取或控制子窗口的相关属性
weixin_30920091的博客
04-05 168
当前窗口的 父窗口（一般会是主框架）下的main窗口的location（即地址栏的地址）； 比如一个页面A是个frameset页面，框架页。 该框架页有两个框架窗口组成。 <frameset rows="126,*" cols="*" framespacing="0" frameborder="no" border="0"> 　　<frame sr...
location.href、parent.location.href、top.location.href、 window.open实现页面跳转
卡基斯专栏
03-23 9848
"window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 //举个例子：如果A,B,C,D都是html，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写           window.ope
parent.location.href和location.href区别
MaNong125的博客
01-06 730
parent.location.href='ind.php' parent用于框架结构，需要全网页转向 如果你的网页是左右框架，那么，直接把当前页面全部转到ind.php中 location.href='ind.php' 只是普通的转向，单网页中全网页转向，框架中目标框架转向不是全框架转向 如果你的网页是左右框架，那么，在左侧中点击，那么，左侧框架转向到ind.php中，右侧不变 ...
JS window对象 Location对象 location用于获取或设置窗体的URL，并且可以用于解析URL。 语法: location.[属性|方法]...
weixin_30653023的博客
06-16 202
Location对象 location用于获取或设置窗体的URL，并且可以用于解析URL。 语法: location.[属性|方法] location对象属性图示: location 对象属性： location 对象方法: 任务 在右边编辑器script标签内，获取当前显示文档的URL,并输出...
用[removed].href实现刷新另个框架页面
10-31
`window.location.href`是JavaScript的一个内置属性，用于获取或设置当前文档的URL。当设置其值时，浏览器将会加载新的页面。这种机制可以非常方便地用来实现页面跳转，尤其是在需要与用户交互的情况下（例如，显示...
[removed].href的用法(动态输出跳转)
09-04
在网页开发中，`window.location.href` 是一个非常重要的属性，用于改变当前窗口或框架的 URL，从而实现页面跳转。这个属性不仅可以用于静态页面，还可以在动态输出的页面中起到关键作用，尤其是在 ASP.NET 或其他...
新版Android开发教程.rar
12-14
• 应用程序框架 支持组件的重用与替换 • Dalvik Dalvik Dalvik Dalvik 虚拟机 专为移动设备优化 • 集成的浏览器 基于开源的 WebKit 引擎 • 优化的图形库 包括定制的 2D 图形库， 3D 图形库基于 OpenGL ES 1.0 ...
html经验技巧
allen
10-22 185
防止自己的网页被人"框架"   top.location.href   最上层的地址     windows.location.href自己的地址 如防止别人直接     &lt;iframe   src="www.163.com"&gt;&lt;/iframe&gt;     这样他的网页就盗用你的信息了 此处top 属性:设置或获取对象相对于文档层次中下个...
上汽大通内部前端面试题（纯干货）
最新发布
qq_27161847的博客
03-10 2330
上汽大通内部前端面试题（纯干货）
javaScript打开窗体函数的使用详解和路径转换问题 .
水工鸟的专栏
10-02 920
一 、Location对象的使用简介 location对象： location提供了关于当前打开窗口或者特定框架的url信息。一个多框架的窗口对象在location属性显示的是父窗口的URL，每个框架也有一个与之相伴的location对象。 hash属性：hash标注是
JavaScript打开窗口函数（Window.Open）使用详解、绝对路径与相对路径的获取与转换
三人行，必有我师焉。
06-09 6834
JavaScript打开窗口函数（Window.Open）使用详解   一、Location对象的使用简介 location对象： location提供了关于当前打开窗口或者特定框架的url信息。一个多框架的窗口对象在location属性显示的是父窗口的URL，每个框架也有一个与之相伴的location对象。 hash属性：hash标注是一个url很好的习惯用法，它指定浏览器到一个位于文
js中 location对象的使用
楠丶俊枫的专栏
01-29 608
location 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址，只需要使用“location”就行了；若要表示某一个窗口的地址，就使用“.location”。先前写了一片用window.location.href实现刷新另个框架页面 ，特此我看了一下locaiton的详细用法，对此有点改进，具体如下：  注意：属于不同协议或不同主机的两个地址之间不能互相引用对方的
超链接打开一个页面，并强制刷新一次
Real666的博客
04-02 2702
超链接打开一个页面，并强制刷新一次
J-IM工程结构与服务器开发指南
在"工程结构-matlab+gui设计"的文档中，主要介绍了J-IM，一个由作者王超开发的高性能轻量级IM中间件。J-IM的核心在于其基于t-io网络通讯框架，旨在降低IM接入成本，支持百万在线用户，并提供多种协议间的无缝对接。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值