首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 
设为首页
加入收藏
联系我们
热门关键字: .net应用  操作系统  Dreamweaver  WinRAR  网络推广
高级搜索
您当前的位置: 主页>编程相关>JAVASCRIPT>javacript实现关闭子窗口,刷新父窗口效果代码
javacript实现关闭子窗口,刷新父窗口效果代码
来源: 发布时间:2008-06-05 发布人: 浏览: 人次   字体: [ ]  

本文主要要实现的是点父窗口里的弹出新窗口按钮,将弹出新窗口,在新窗口里面有两个方法,一个是刷新本面,另一个是关闭本页,同时要刷新父窗口,以下例子有两个文件,其中a.htm为父页,b.htm为子页,代码如下(由于a.htm页内容不多,可能会刷新过快而没看到效果,你可以适当增加内容,以便查看效果!)

a.htm程序代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <title>父窗口</title>  
</head>    
<body> 
  <span onclick="window.open('z.htm')" style="cursor:hand;">打开子窗口</span>  
</body> 
</html>  
b.htm 程序代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>子窗口</title>  
<script language="javascript">  
   function closethewindow()  
    {  
       var url="f.htm";//要刷新的窗口  
      opener.document.location=url;   window.close();  
    } 
</script>  
</head>    
<body> 
  <span onclick="closethewindow();" style="cursor:hand;">关闭子窗口,刷新父窗口</span><br />  
 <span onclick="javascript:window.location.reload();" style="cursor:hand;">刷新此窗口</span> 
 </body>  
</html>  


↓下一篇:没有了
相 关 文 章   发布商链接
·怎么使用js脚本理的timer控件
·用javascript实现select的美化
·用Javascript轻松制作抽奖系统
·如果用JS得到字符串中出现次数最多的...
·javascript应用之实现select的美化
·javascript实现ListBox内容的交互实...
·javascript使用xml数据岛的简单实例
·Javascript中判断润年简单的代码实...
·javascript实现多表头分类交叉报表代...
·javacript常用的验证方法小结
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·javascript脚本实现右键弹出...
·javascript结合Ajax制作的可...
·javascript实现页面载入等待...
·javascript实现一个IP只弹窗...
·javascript导航条比较实用的...
·怎样把select选择下拉框中的...
·实用代码,让网站具有简繁体在
·JavaScript脚本调试常用方法...
·javascript版生成Excel报表
·Javascript时间差计算函数代...
·Javascript实现日期的联动选...
·javascript实现的网页软键盘...
·javascript标记高亮关键词示...
·如何防止页面被别人的frame引
·javascrpt获取选中的内容代码
热 门 文 章
·Ext2.0框架的Grid使用介绍祥...
·javascript使用xml数据岛的简...
·JS实现多行的HTML静态表格分...
·javascript实现多张图片轮流...
·Adobe Reader利用javascript...
·幻灯片焦点图片新闻显示调用f...
·javascript读写TEXT文本文件...
·javascript实现动态多附件上...
·Javascript在IE和FireFox中的...
·javascript解析身份证号码得...
·js操作innerHTML 引起的未知...
·javascript实现类似IE7中的Ta...
·实现静态页面点击数的自动更...
·鼠标右下角显示层,javascrip...
·javascript清除界面上所有输...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .