父窗口刷新子窗口 和子窗口刷新父窗口的js

添加时间:17-05-01 所属分类:HTML网页,JS语言与代码
  http://www.cnblogs.com/wubin264/archive ... 94267.html

今天遇到一个问题是,主菜单放在一个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]
  • 2
  • 3

前篇:残疾儿童少年义务教育招生入学全覆盖,零拒... 后篇:济南:有骗子以找人帮忙联系业务为由诈骗,...
发表我的评论


推荐文章   极限运动——狗狗一样能做到   想象力贴图:只有做不到,没有想到不到...   济南四大民间儿科专家:少用抗生素用药很...   济南不少市民爱上“二手生活”   网上的济南公安类网址
随机文章   JavaScript开源跨平台框架NativeScript   9个最好用的JavaScript开发工具和代码编...   通过JS破解图片防盗链限制   利用html的window.open参数打开新窗口   HTML页面自动加载方法
广告

其他推荐

因为本站所有内容均转载自其它媒体,本意为公众提供免费服务,但并不代表本网赞同其观点,也不能对其真实性验证负责,如稿件版权单位或个人不想在本网发布,请与我联系,本人会立即将其撤除,谢谢.联系方式:atseashawk@163.com QQ:99289555