js self.parent

在JavaScript中，self.parent 并不是一个标准的属性或方法。可能你是想要了解 window.parent 或者是在Web Workers中使用 self.parent。

基础概念

window.parent:
- 在浏览器环境中，window.parent 指向当前窗口的父窗口。如果当前窗口是最顶层的窗口，那么 window.parent 就指向自身。
- 这通常用于处理iframe中的页面与父页面之间的交互。

self.parent:
- 在Web Workers中，self 是一个指向WorkerGlobalScope对象的引用，它代表了Worker线程的全局作用域。
- self.parent 在Web Workers中并不存在，因为Web Workers没有父级概念。如果你看到 self.parent，可能是一个误解或者是代码错误。

应用场景

window.parent:
- 当你需要在iframe中嵌入的页面与包含它的父页面进行通信时，可以使用 window.parent 来访问父页面的window对象。
- 例如，父页面可以调用iframe中的函数，或者iframe可以向父页面发送消息。

示例代码

父页面代码:

<!DOCTYPE html>
<html>
<head>
    <title>Parent Page</title>
</head>
<body>
    <iframe id="myIframe" src="child.html"></iframe>
    <script>
        function receiveMessage(event) {
            console.log('Received message from iframe:', event.data);
        }

        window.addEventListener('message', receiveMessage, false);

        function sendMessageToIframe() {
            var iframe = document.getElementById('myIframe');
            iframe.contentWindow.postMessage('Hello from parent!', '*');
        }
    </script>
    <button onclick="sendMessageToIframe()">Send Message to Iframe</button>
</body>
</html>

iframe中的页面代码 (child.html):

<!DOCTYPE html>
<html>
<head>
    <title>Child Page</title>
</head>
<body>
    <script>
        function receiveMessage(event) {
            console.log('Received message from parent:', event.data);
        }

        window.addEventListener('message', receiveMessage, false);

        function sendMessageToParent() {
            window.parent.postMessage('Hello from iframe!', '*');
        }
    </script>
    <button onclick="sendMessageToParent()">Send Message to Parent</button>
</body>
</html>

遇到的问题及解决方法

如果你在代码中遇到了 self.parent 相关的问题，可能是因为以下原因：

误解:
- 你可能误以为Web Workers有父级概念，实际上它们是独立的线程。

代码错误:
- 如果你在Web Workers中使用了 self.parent，你需要移除或替换这部分代码。

解决方法:

如果你在Web Workers中需要与主线程通信，应该使用 postMessage 方法，并监听 message 事件。
如果你在iframe中需要与父页面通信，应该使用 window.parent.postMessage 和 window.addEventListener('message', ...)。

通过上述方法，你可以正确地在不同的窗口或线程之间进行通信，避免使用不存在或不正确的属性。

页面内容是否对你有帮助？

有帮助

没帮助

更改单选按钮组的标签类

、、、

下面是使用引导模板的单选按钮组的代码片段。但是，我要做的是每次切换选项时更改单选按钮的类部分(即选中单选按钮，标签类将为“btn btn-主”，如果未选中的label类为“btn btn-default”)。有人知道如何做到这一点吗？ <div class = "form-group"> <div class

浏览 8提问于2016-07-02得票数 0

回答已采纳

2回答

手风琴AJAX JSON内容

、、、

link">Accordion header<i class="accordion-header-icon"></i></a>

浏览 8提问于2014-11-06得票数 0

回答已采纳

1回答

将obj从指令传递到AngularJS中的控制器

、、

ParentController as self" ng-form="ParentForm"> ChildController1 parent:<br/> </div> <div

浏览 0提问于2016-09-07得票数 0

4回答

检查输入和选择是否为空并启用按钮

、、

] {} <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js

浏览 5提问于2016-02-11得票数 0

回答已采纳

1回答

为什么我在这段代码中需要setTimeout

、、、

$(document).on('click', '#JS_btn1', function(e) { setTimeout(function(){self.parent('div').html('<a href="javascript:void(0);" class="btn_ok" id="JS_btn2">OK</a>'

浏览 2提问于2015-01-20得票数 0

1回答

在ContainerViewController类中以编程方式为UIButton设置新的背景图像，具体取决于它所在的父视图

、

override func viewWillAppear(_ animated: Bool) {@IBAction func relatedGuidePressed(_ sender: Any) { if (self.parent?.

浏览 1提问于2017-07-05得票数 0

2回答

通过单击表格单元格内的按钮，展开tableview并增加滚动视图内容大小。

、、、、

businessTable.frame.height self.parent!.scroll.layoutIfNeeded() self.parent!.scroll.contentSize.height

浏览 0提问于2019-06-21得票数 1

1回答

在Swift中调用父函数

、、

我认为这是因为子节点可能不知道父节点是什么类型的对象，所以我尝试使用显式强制转换：myParent.unhighlightAllCheckers

浏览 1提问于2014-07-30得票数 1

回答已采纳

2回答

敲除js禁用按钮如果父hasClass

、

<div id="parent" class=""> <button>Button 1</button> <div> var self = this; return $('#pa

浏览 1提问于2017-06-16得票数 2

回答已采纳

1回答

jQuery Exif与异步

、、

img-link">DSC02040.JPG</a><div class="col-md-4 image"></div>JSthis);var img = $("<img />").attr(&#x

浏览 2提问于2013-09-19得票数 0

回答已采纳

1回答

是否可以在jQuery的触发器()中使用.preventDefault()

、、

JS： $(this).trigger('slides.swap', e);tabs.find('a').bind('slides.swap', function(e){ selfIndex = self.parent().index(targetSlide.st

浏览 0提问于2012-03-29得票数 1

回答已采纳

1回答

如何在pytest模型中为自引用列创建工厂列？

、

我有一个带有列的模型，它是一个自引用外键。 foo_ref_id = db.Column( db.ForeignKey("foo.id", ondelete="CASCADE"), index=True,我试图为同一模型创建一个工厂模型： class Me

浏览 0提问于2020-11-23得票数 0

回答已采纳

1回答

从admin插入期间Django运行时错误

、、

我有一个django模型如下： m1code = models.CharField(max_length=25) m1description = models.CharField(max_length=1000, null=True, blank=True) return self.m1title m1 = models.F

浏览 0提问于2014-10-17得票数 0

回答已采纳

1回答

如何访问容器的UIView

、、

restorationIdentifier)print(self.parent?.

浏览 0提问于2018-11-09得票数 0

1回答

使自定义容器与**kwargs一起工作( Python如何扩展args?)

class ChainableMap(MutableMapping): A mapping object with a delegation chain similar to JSparent) True except KeyError:

浏览 3提问于2012-08-09得票数 16

回答已采纳

1回答

jQuery error SCRIPT5002: IE9 64位中所期望的函数

、、

我在1.7.2中的jQuery版本SCRIPT5002: Function expected 这是第430行字符6+type实际上是'success' success: function(callBack){ $(&

浏览 1提问于2013-11-09得票数 0

回答已采纳

1回答

jQuery交换DIV内容优化

、

我有下面的工作-代码，我希望使用一个三级操作符来优化这些代码，并给对象一个'state‘var。但是，我不知道在哪里准确地放置单击事件来完成这一任务。<div class="adbox"> <div class="ad-c

浏览 0提问于2013-01-06得票数 0

回答已采纳

1回答

在n维矩阵中寻找所有可能的赢条件或线

、、

我正在尝试实现一个n维的抽搐脚趾问题。为了做到这一点，我想看看是否有球员已经赢了。如果有n维矩阵，是否有检查所有线的方法？因此，如果我们在3x3板上玩2D抽搐脚趾游戏，如下所示：3 4 5 可能的线(tic tac脚趾获胜条件)是:水平和垂直赢：[3 4 5] [0 3 6] [2 5 8][0 4 8] 如果

浏览 7提问于2022-11-24得票数 1

1回答