关于iframe跨域的问题解决,以python结合js举例,iframe内嵌jupyter,jupyter服务器与站点服务器不在同一个服务器上

#站点端
 <form action="{{ url_for('main.tmps',path=jupyter.record_file) }}" method="post" id="jiaoben"></form>
    <div class="code">
        <iframe id="iframe1" src="{{ jupyter.template_url}}" width="100%"  height="900px"></iframe>
    </div>
    <script>
        var messenger = new Messenger('parent', 'MessengerDemo'),
        iframe1 = document.getElementById('iframe1'),
        input = document.getElementById('message');
        messenger.listen(function () {
        //var newline = '\n';
        //var text = document.createTextNode(msg + newline);
        document.getElementById('jiaoben').submit();
        //document.getElementById('output').appendChild(text);
        });
     </script>
#jupyter端
<div id="maintoolbar" class="navbar">
<div class="toolbar-inner navbar-inner navbar-nobg">
        <div id="maintoolbar-container" class="container">
            <script>
                //alert(12313);
                window.onload=function()
                {    
                  var temp=document.getElementById('save-notbook');
                  var ipt=temp.getElementsByTagName('button');
                  var messenger = new Messenger('iframe1', 'MessengerDemo');
                  messenger.addTarget(window.parent, 'parent');
                  ipt[0].onclick= function () { 
                          //alert(123);
                          messenger.targets['parent'].send("message from iframe1: click" );
                          //alert(123123);
                        };
                 /*ipt[0].onclick=function ()
                 {
                        alert('jump all');
                 };*/
                }
         </script>
    </div>
  </div>
</div>
</div>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值