所属分类:HTML网页,JS语言与代码
http://www.cnblogs.com/wubin264/archive ... 94267
今天遇到一个问题是,主菜单放在一个iframe里面的,而且链接是采用js控制的,即当前页面对应的链接都用红色显示。但是当点击父窗口的链接更换main里面的内容的时候iframe里面的链接却没有改变。刚开始还想通过内容显示区的内容来判断,但马上意识都这样不行,后来又想通过父窗口的链接和子窗口的链接关联起来,这样仍然很麻烦。最后想到了当点击父窗口的链接时,内容显示区的内容也就变化了,那么子窗口的状态就应该是加载时候的状态了,只要刷新一下就可以了。
马上到网上搜索,结果很失望,搜索到的都是子窗口刷新父窗口的js,却没有父窗口刷新子窗口的js代码。后来转念一想--父窗口刷新子窗口不就是改变src的链接就ok了吗?马上动手,效果马上就出来了,就两行代码,简单到你不敢相信!
[code]/*
zdz的作品,流风的作品
*/
function reloadleft(){
var leftiframeid = document.getElementById('left');//left为对应iframe的id
leftiframeid.src = "left.html";//ileft.html为frame的页面
}[/code]
链接里面加入onclick="reloadleft()"就可以了。
[code]<a href="contact.html" target="main" title="点击查看" onclick="reloadleft()">联系我们</a>[/code]
跳转页面的js:
[code]window.location.href="new.html"[/code]
下面是搜集的子窗口刷新父窗口的js
[code]self.opener.location.reload();
window.opener.location.reload(); //关键是这句:刷新父窗口[/code]
今天遇到一个问题是,主菜单放在一个iframe里面的,而且链接是采用js控制的,即当前页面对应的链接都用红色显示。但是当点击父窗口的链接更换main里面的内容的时候iframe里面的链接却没有改变。刚开始还想通过内容显示区的内容来判断,但马上意识都这样不行,后来又想通过父窗口的链接和子窗口的链接关联起来,这样仍然很麻烦。最后想到了当点击父窗口的链接时,内容显示区的内容也就变化了,那么子窗口的状态就应该是加载时候的状态了,只要刷新一下就可以了。
马上到网上搜索,结果很失望,搜索到的都是子窗口刷新父窗口的js,却没有父窗口刷新子窗口的js代码。后来转念一想--父窗口刷新子窗口不就是改变src的链接就ok了吗?马上动手,效果马上就出来了,就两行代码,简单到你不敢相信!
[code]/*
zdz的作品,流风的作品
*/
function reloadleft(){
var leftiframeid = document.getElementById('left');//left为对应iframe的id
leftiframeid.src = "left.html";//ileft.html为frame的页面
}[/code]
链接里面加入onclick="reloadleft()"就可以了。
[code]<a href="contact.html" target="main" title="点击查看" onclick="reloadleft()">联系我们</a>[/code]
跳转页面的js:
[code]window.location.href="new.html"[/code]
下面是搜集的子窗口刷新父窗口的js
[code]self.opener.location.reload();
window.opener.location.reload(); //关键是这句:刷新父窗口[/code]