甜酒
2018-11-19 06:55
采纳率: 50%
浏览 802
已采纳

两个网站都是自己的，如何让a网站的某个DIV内嵌b网站的某个页面？

自己开发的两个网站，现在的需求是在a网站首页中的某个div内嵌到b网站的某个页面，先说明:1,不能在a网站首页写死使用iframe内嵌。就是查看源码的时候不能看到这个iframe及iframe里面的内容,只能看到a网站首页的源代码。
2，可以考虑使用js注入iframe内嵌。 求教思路！

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • 已采纳

    a网站需要在引入的地方导入b.js，b.js内容如下

     document.write('<iframe src="http://www.bbb.com/xxxx.html"></iframe>')

    a网站首页

    ......其他内容
 <script src="b.js"></script>
......其他内容
    点赞 评论
  • weixin_43734482 2018-11-19 07:18
     <body body style="margin:0;padding:0;overflow:hidden" scroll="no">
<div>
    <iframe frameborder="0" src="http://localhost/File/home/index?url=http://localhost:2000/StuSearch.html" name="search_frmleft"  scrolling="no" noresize width="72.8%" height="100%" align="left" overflow="auto"></iframe>
    <iframe frameborder="0" src="../index/info.html" name="search_frmright"  scrolling="no" noresize width="26.8%" height="100%" align="right"></iframe>
 </div>
</body>
    点赞 评论
  • 天际的海浪 2018-11-19 08:22
    <div id="divID"></div>
<script type="text/javascript">
$(function(){
    var ifr = $("<iframe>").prop("src","https://www.baidu.com/");
    $("#divID").append(ifr);
});
</script>
    点赞 评论
  • weiguan_ 2018-11-19 08:52

    除了iframe的方法外，也可以用jquery的ajax实现，示例代码如下：
    1.html：

    <html>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script>
    $.ajax({
        url:"2.html",
        async:false,
        type:"get",
        dataType:"html",
        success:function(msg){
            $("#2").html(msg)
        }
    })
    </script>
    <div id="1">网页1内容</div>
    <div id="2"></div>
</html>

    2.html：

    <p>网页2内容</p>
    点赞 评论
  • weixin_42289270 2018-11-19 08:57

    如果两个网站的服务器在一起建议使用反向代理，反向代理（Reverse Proxy）方式是指以代理服务器来接受Internet上的连接请求，然后将请求转发给内部网络上的服务器；并将从服务器上得到的结果返回给Internet上请求连接的客户端，此时代理服务器对外就表现为一个服务器。

    js跨域很多时候是被禁止的，有安全隐患，银行之类的都是直接堵死的。

    点赞 评论

报告相同问题？

提交

相关推荐 更多相似问题