脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS 重新加载当前页面

JS实现重新加载当前页面

 更新时间：2016年11月29日 17:27:15   作者：梦想涨价了  
本文主要介绍用JavaScript刷新上级页面和当前页面。附上具体实例代码。需要的朋友可以参考下
[javascript] view plain copy print?

用JavaScript刷新上级页面和当前页面 
 
<script type="text/javascript"> 
 
window.parent.main.document.location.reload();//上级页面 
 
document.location.reload();//当前页面 
 
每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用下面的几种方法都可以引用frame或iframe元素: 
 
window.frames[index] 
 
windows.frames["框架名"] 
 
windows.框架名 
 
如果想从框架所加载的网页中获取对父窗口的引用,那么就可以使用下面的方法: 
 
window.parent 
 
如果要对父窗口中某个框架的引用,那么就可以使用下面的方法: 
 
window.parent.框架名 
 
也可以使用下面的方法获取对父窗口的最顶端框架的引用: 
 
window.top 
 
一旦获得对框架的引用,就可以操控该框架对象. 
 
<frameset rows="29,*" frameborder="0" border="0" framespacing="0" cols="*"> 
<frame name="top" scrolling="NO" noresize src="top.html"> 
<frameset cols="20%,*" frameborder="0" border="0" framespacing="0" rows="*" scrolling="NO" name="mleft"> 
 <frame src="menu.html" frameborder=NO border="0" scrolling="NO" > 
 <frameset rows="20,100%,*" name="content" frameborder="1" framespacing="1" cols="*"> 
 <frame src="title.html" frameborder=0 noresize scrolling="NO" name="mtitle"> 
 <frame src="" frameborder=0 name="main" marginwidth="0" marginheight="0" scrolling="YES"> 
 <frame src="" frameborder=0 name="detail"> 
 </frameset> 
</frameset> 
</frameset> 
 
--------index.jsp 
 
<DIV CLASS="level2" ID='head6Child'> 
<A href="orderlist.jsp" id=ttt target=main><LI>订单浏览</LI></a> 
</DIV> 
 
------------AdminTree.html 
 
<tr> 
 <td>ID</td> 
 <td>Username</td> 
 <td>Phone</td> 
 <td>Addr</td> 
 <td>Rdate</td> 
 <td>do_it</td> 
</tr> 
<% 
for(Iterator<User> it=users.iterator();it.hasNext();){ 
 User u=it.next(); 
%> 
<tr> 
 <td><%=u.getId() %></td> 
 <td><%=u.getUsername() %></td> 
 <td><%=u.getPhone() %></td> 
 <td><%=u.getAddr()%></td> 
 <td><%=u.getRdate() %></td> 
 <td> 
 <a href="userdelete.jsp?id=<%=u.getId()%>" target="detail">delete</a> 
 </td> 
</tr> 
 
----------userlist.jsp 
 
<% 
int id=Integer.parseInt(request.getParameter("id")); 
UserManager.deleteUser(id); 
%> 
 
 <body> 
 delete successfully!!!! <br> 
<script type="text/javascript"> 
<!-- 
 window.parent.main.document.location.reload(); 
 --> 
</script> 
</body> 
 
--------userdelete.jsp

以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 详解ES6 Promise的生命周期和创建

    详解ES6 Promise的生命周期和创建

    这篇文章主要介绍了详解ES6 Promise Promise的生命周期和创建,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • Dom加载让图片加载完再执行的脚本代码

    Dom加载让图片加载完再执行的脚本代码

    当大家使用window.onload执行一个函数时，必须要等到页面上的图片等信息全部加载完毕之后才执行的。但很多时候图片的数量比较多，所以需要很多时间下载。更令人尴尬的是，当网页文档（或者说Dom）已经加载完毕,而图片尚未加载完毕，很多用户已经开始浏览网页，但这时很多由window.onload所触发的函数不能执行，这就导致一部分功能不能完美地给用户使用，更严重的是会给用户留下不好的印象！
    2008-05-05
  • LayUI表格批量删除方法

    LayUI表格批量删除方法

    今天小编就为大家分享一篇LayUI表格批量删除方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 使用TypeScript实现一个类型安全的EventBus示例详解

    使用TypeScript实现一个类型安全的EventBus示例详解

    EventBus是工作中常用的工具,本文用Typescript实现一个具备基础功能且类型安全的EventBus，是我近期学习Typescript的知识总结，对TypeScript实现EventBus相关知识感兴趣的朋友一起看看吧
    2022-06-06
  • JS中验证整数和小数的正则表达式

    JS中验证整数和小数的正则表达式

    网上很多关于验证小数的正则表达式，但是很多都不是百分百正确，所以我结合一些前辈的经验，写了一个，分享到脚本之家平台，对小数或整数正则表达式的相关知识感兴趣的朋友一起看看吧
    2018-10-10
  • layui 优化button按钮和弹出框的方法

    layui 优化button按钮和弹出框的方法

    今天小编就为大家分享一篇layui 优化button按钮和弹出框的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 详解JavaScript中localStorage使用要点

    详解JavaScript中localStorage使用要点

    localStorage主要用来替代cookie，解决cookie(可参考cookie使用要点)读写困难、容量有限的问题，对js localstorage的使用相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • JavaScript判断变量是否为空的自定义函数分享

    JavaScript判断变量是否为空的自定义函数分享

    这篇文章主要介绍了JavaScript判断变量是否为空的自定义函数分享,本文直接给出实现代码,需要的朋友可以参考下
    2015-01-01
  • javascript判断网页是关闭还是刷新

    javascript判断网页是关闭还是刷新

    本篇文章给大家介绍js判断网页是关闭还是刷新，实现原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小，根据大小由此判断用户是刷新，跳转或是关闭行为程序，需要的朋友可以参考下本文
    2015-09-09
  • 微信小程序 如何获取网络状态

    微信小程序 如何获取网络状态

    这篇文章主要介绍了微信小程序 如何获取网络状态,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07

最新评论