添加另一个网站到我的页面加载使用jQuery

Add another Website to my Page on load using jQuery

本文关键字:加载 jQuery 另一个 网站 我的 添加      更新时间:2023-09-26

我想在我的网页上添加另一个网站。

<script>
$("#new-nav").load("https://google.com");
</script>

这正是我想要实现的。我想在当前页面上使用url加载另一个页面

 <script>
    $("#new-nav").load("http://localhost:8080/xyz/page");
    </script>

但是它不工作。

<div id="new-nav"></div>

我如何做到这一点?我想要一个jQuery解决方案

on load添加另一个网站

您的安全浏览器不会接受这种方式。违反了origin policy

使用类似

的内容
$('#new-nav').html('<iframe src="http://localhost:8080/xyz/page"></iframe>');

如果是同一站点

检查localhost:8080/xyz/page是否工作,并将代码包装在document中。准备功能。否则,你的脚本不会触发。

看起来问题可能是由于.load请求是AJAX请求。如果它在不同的域中,它将无法正确加载。

jQuery .load的更多信息

您可以尝试这样做:

<iframe id='otherSite'></iframe>
<script type='text/javascript'>
    $(document).ready(function()
    {
        $('#otherSite').load('http://localhost:8080/xyz/page');
    });
</script>