Javascript 方法将外部url包含到溢出的现有页面中
这是我的情况。我有一个新的导航菜单,它建立在一个与实际站点运行完全不同的php框架上。新导航和现有站点都位于同一个域中。我尝试通过iframe删除旧条并添加新条:Javascript 方法将外部url包含到溢出的现有页面中,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我的情况。我有一个新的导航菜单,它建立在一个与实际站点运行完全不同的php框架上。新导航和现有站点都位于同一个域中。我尝试通过iframe删除旧条并添加新条: <iframe src="/new/menu" width="100%" scrolling="no"></iframe> 除了一些菜单元素有子菜单外,它工作得非常好。当菜单下拉时,它卡在iframe中,不会溢出父页面 我已经研究过了,这是一个带有iframe的安全问题。但是是否有其他一些技巧可以允许这个
<iframe src="/new/menu" width="100%" scrolling="no"></iframe>
除了一些菜单元素有子菜单外,它工作得非常好。当菜单下拉时,它卡在iframe中,不会溢出父页面
我已经研究过了,这是一个带有iframe的安全问题。但是是否有其他一些技巧可以允许这个外部url加载并溢出它的父页面
另外,就这样,这是一个临时的视觉升级,客户端正在推动我。他们希望我在元素完成后将其“拼接”到位,所以我肯定需要找到某种类型的解决方案使其正常工作
任何想法都会有帮助 您可以做的一些事情是首先在所有php调用中
$menu= file_get_contents('http://www.menuurl.com/');
echo $menu;
第二件事是使用jquery调用javascript
$('#divToLoadInto').load('file.html');
来源:
这里有一些替代解决方案:
不可能,请看,我知道使用iframe是不可能的,但是没有其他方法可以在页面上呈现来自同一域的外部url,从而允许溢出?如果它位于同一域中,您可以执行ajax请求来检索“/new/menu”的内容并将其粘贴到现有的“”标记中。。但是您必须在主页上提供样式表和脚本……您当前的代码也使用php吗?如果是这样,在服务器端,您可以调用新的url,获取生成的html并将其包含到页面中