Javascript 将href加载到iframe,但在父窗口中以其为目标
我有以下代码:Javascript 将href加载到iframe,但在父窗口中以其为目标,javascript,jquery,html,iframe,Javascript,Jquery,Html,Iframe,我有以下代码: <html> <head> <title>Iframe</title> </head> <body> <a href="somepage.html" target="content">SomePage</a><br/> <a href="anotherpage.html" target="content">Anot
<html>
<head>
<title>Iframe</title>
</head>
<body>
<a href="somepage.html" target="content">SomePage</a><br/>
<a href="anotherpage.html" target="content">AnotherPage</a><br/>
<iframe src="" name="content" height="40%" width="100%"></iframe>
</body>
</html>
内联框架
正如您所看到的,我有两个链接和一个iframe,我需要的是当我单击SomePage.html
链接时,我希望父窗口重新加载,然后SomePage.html
将加载到iframe
,这可能吗?谢谢
编辑:
我有一个自动调整iframe大小的iframe,它只能在高度上生长,不能缩小到更小的高度(这是我的问题,我只想在asp.net中实现母版页一样的行为。这是可能的,您可以使用localStorage
它不是完全跨浏览器。快速示例
$(document).ready(function(){
if(localStorage.frameURL) {
$("iframe[name=content]").attr('src', localStorage.frameURL);
}
$("[target=content]").click(function() {
localStorage.frameURL = $(this).attr('href');
window.location.reload();
});
});
这是可能的,您可以使用localStorage
它不是完全跨浏览器。快速示例
$(document).ready(function(){
if(localStorage.frameURL) {
$("iframe[name=content]").attr('src', localStorage.frameURL);
}
$("[target=content]").click(function() {
localStorage.frameURL = $(this).attr('href');
window.location.reload();
});
});
为什么你想重新加载父窗口?你想实现什么行为?我只是想在这里解决我的问题,因为我的自动调整iframe的大小只是增加了它的高度,不能缩小,所以这个想法出现在我的脑海中,但我甚至不知道这是否可能。为什么你首先有一个
。如果你可以控制内容,使用一个普通的HTML元素。如果你不这样做,你就无能为力了。你好,nietonfir,我理解你的意思,但是上面的代码只是一个示例,我只是为了问题的清晰而简单,但我需要的是上面问题中的说明。为什么你要重新加载父窗口?什么行为你想实现吗?我想这只是我问题的一个解决方案,因为我的自动调整iframe只会增加它的高度,不能缩小,所以这个想法出现在我的脑海中,但我甚至不知道这是否可能。为什么你首先要有一个
。如果你控制内容,请使用一个普通的HTML元素。如果你不要有什么你可以做,因为。你好nietonfir,我明白你说的,但上面的代码只是一个样本,我只是简单的澄清问题,但我需要的是在上面的问题中声明你好,对不起,这个问题,但我的锚标记和iframe标记会是什么样子?代码仍然像吗我在上面说过?你好,康纳,非常感谢!这解决了我一个多星期的问题,顺便问一下,我能再帮你一个忙吗?我不擅长这个,我能知道这个本地存储是怎么工作的吗?谢谢!是的,本地存储就像一个迷你数据库类型的东西,它在客户端浏览器上存储数据,它将一直保存在客户端数据库中,直到用户从浏览器中清除Cookie和其他站点数据。没问题@JoeMarie随时可以加入。现在有一个聊天室,感谢您与我分享,我是新来的,再次感谢先生!您好,很抱歉问这个问题,但我的锚定标记和iframe标记看起来如何?代码是否仍像我上面所说的那样?见鬼o Connor,非常感谢!这解决了我一个多星期的问题,顺便问一下,我能再帮你一个忙吗?我不擅长这一点,我能知道本地存储是如何工作的吗?谢谢!是的,本地存储就像一个迷你数据库类型的东西,它将数据存储在客户端浏览器上,它将一直保留在客户端数据库中,直到用户清除来自浏览器的cookies和其他站点数据。没问题@JoeMarie随时可以加入。现在有一个聊天室,感谢您与我分享,我是新来的,再次感谢先生!