Question

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

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

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

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

但它不起作用..

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

我如何实现这一目标？我想要一个jQuery解决方案。

Answer 1

在加载时添加另一个网站

您的安全浏览器不会以这种方式接受。你做错了什么，violating the origin policy

使用类似

的内容

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

如果是同一个网站

检查localhost：8080 / xyz / page是否正常工作，并将你的代码包装在document.ready function中。另外，你的脚本不会解雇。

Answer 2

看起来问题可能是由于.load请求是一个AJAX请求。如果它位于不同的域中，则无法正确加载。

More Info on jQuery .load

Answer 3

您可以尝试这样的事情：

<iframe id='otherSite'></iframe>

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

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

3 个答案: