如何自动插入我在iframe中的<text area =“”>中标记的单词

时间:2018-07-13 04:49:47

标签: javascript html css

自动将我标记的单词插入iframe中。

这是一个Chrome插件

<html>
    <iframe id="iframe" frameborder="0"  src="http://www.maozakor.co.il/demo/default.aspx">
    </iframe>
    
    <img id="photo" src="https://i.imgur.com/q91Y1ly.png" style="max-width: 100%; min-height: 175px;">

    <style>
    body {
        overflow:hidden;
    }

    #iframe {
        position: absolute;
        overflow:hidden;
        height: 100%;
        width: 100%;
        top: -70px;
    }
          
    #photo {position: relative;
        top: 80px;
        left: 800px;
        z-index: 21003005 ;
    }
    </style>
</html>

1 个答案:

答案 0 :(得分:0)

只要您可以在iframe的内部和外部进行代码编辑,就可以实现此目标。您需要在iframe的内部设置一个消息侦听器,以侦听您发送的单词并将其插入文档中。

在这里查看Window.postMessage()

https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

我还没有尝试使用Chrome插件,但是我可以确认它在常规网站中可以跨域使用。