添加另一个网站到我的页面加载使用jQuery
Add another Website to my Page on load using jQuery
我想在我的网页上添加另一个网站。
<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>
相关文章:
- 使用javascript函数在页面初始化后加载jquery
- 什么'这是加载jQuery的最佳方式
- 在WordPress站点中加载jquery.js后加载javascript代码
- 延迟加载jquery后替换$(document).ready(function)
- 如何使用onLoad加载jQuery JSON.从Zipcode On Form获取城市和州
- 对页面重新加载 Jquery 执行操作
- 在Ajax(过滤器)加载之后加载jQuery脚本
- 异步加载JQuery时Tabbed Box已损坏
- 加载Jquery时Chrome扩展出错
- 在更改事件上加载jQuery DataTable
- 手动加载JQuery而不触发内容安全策略
- 如果更改,请在ng之后重新加载Jquery
- 脚本似乎在加载jQuery之前运行-未定义Uncaught ReferenceError:$
- 在使用jquery之前动态加载jquery
- 如何重新加载jquery,以便它能为下一个进程工作
- Firefox没有't从ajax.googleapis.com加载jquery
- 我无法在自定义Wordpress主题中成功加载jQuery
- 正在从maphilight href加载Jquery选项卡
- 如何在完全加载html之后加载jquery代码段
- 在页面加载jQuery/Javascript时,按.class对表行进行排序