JS重新加载当前页面

  1. 用JavaScript刷新上级页面和当前页面  
  2.   
  3. <script type="text/javascript">  
  4.   
  5. window.parent.main.document.location.reload();//上级页面  
  6.   
  7. document.location.reload();//当前页面  
  8.   
  9. 每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用下面的几种方法都可以引用frame或iframe元素:  
  10.   
  11. window.frames[index]  
  12.   
  13. windows.frames["框架名"]  
  14.   
  15. windows.框架名  
  16.   
  17. 如果想从框架所加载的网页中获取对父窗口的引用,那么就可以使用下面的方法:  
  18.   
  19. window.parent  
  20.   
  21. 如果要对父窗口中某个框架的引用,那么就可以使用下面的方法:  
  22.   
  23. window.parent.框架名  
  24.   
  25. 也可以使用下面的方法获取对父窗口的最顶端框架的引用:  
  26.   
  27. window.top  
  28.   
  29. 一旦获得对框架的引用,就可以操控该框架对象.  
  30.   
  31. <frameset rows="29,*" frameborder="0" border="0" framespacing="0" cols="*">  
  32. <frame name="top" scrolling="NO" noresize src="top.html">  
  33. <frameset cols="20%,*" frameborder="0" border="0" framespacing="0" rows="*" scrolling="NO" name="mleft">  
  34.     <frame src="menu.html" frameborder=NO border="0" scrolling="NO" >  
  35.     <frameset rows="20,100%,*" name="content" frameborder="1" framespacing="1" cols="*">  
  36.       <frame src="title.html" frameborder=0 noresize scrolling="NO" name="mtitle">  
  37.       <frame src="" frameborder=0 name="main" marginwidth="0" marginheight="0" scrolling="YES">  
  38.       <frame src="" frameborder=0 name="detail">  
  39.     </frameset>  
  40. </frameset>  
  41. </frameset>  
  42.   
  43. --------index.jsp  
  44.  
  45. <DIV CLASS="level2" ID='head6Child'>  
  46. <A href="orderlist.jsp" id=ttt target=main><LI>订单浏览</LI></a>  
  47. </DIV>  
  48.   
  49. ------------AdminTree.html  
  50.  
  51. <tr>  
  52.    <td>ID</td>  
  53.    <td>Username</td>  
  54.    <td>Phone</td>  
  55.    <td>Addr</td>  
  56.    <td>Rdate</td>  
  57.    <td>do_it</td>  
  58. </tr>  
  59. <%  
  60. for(Iterator<User> it=users.iterator();it.hasNext();){  
  61.    User u=it.next();  
  62. %>  
  63. <tr>  
  64.    <td><%=u.getId() %></td>  
  65.    <td><%=u.getUsername() %></td>  
  66.    <td><%=u.getPhone() %></td>  
  67.    <td><%=u.getAddr()%></td>  
  68.    <td><%=u.getRdate() %></td>  
  69.    <td>  
  70.     <a href="userdelete.jsp?id=<%=u.getId()%>" target="detail">delete</a>  
  71.    </td>  
  72. </tr>  
  73.   
  74. ----------userlist.jsp  
  75.   
  76. <%  
  77. int id=Integer.parseInt(request.getParameter("id"));  
  78. UserManager.deleteUser(id);  
  79. %>  
  80.   
  81.     <body>  
  82.     delete successfully!!!! <br>  
  83. <script type="text/javascript">  
  84. <!--  
  85.    window.parent.main.document.location.reload();  
  86.    -->  
  87. </script>  
  88. </body>  
  89.   
  90. --------userdelete.jsp 
### 使用JavaScript重新加载页面的方法 在JavaScript中,可以通过多种方法实现页面的重新加载。以下是几种常见的实现方式: 1. **使用 `window.location.reload()` 方法** 这是最直接且推荐的方式之一。该方法会重新加载当前页面,并可以选择是否从服务器重新获取资源。默认情况下,浏览器可能会从缓存中加载页面。如果需要强制从服务器重新加载,可以传递参数 `true` 给此方法[^1]。 ```javascript window.location.reload(); // 从缓存中重新加载页面 window.location.reload(true); // 强制从服务器重新加载页面 ``` 2. **通过修改 `window.location.href` 属性** 另一种方法是将 `window.location.href` 设置为其自身,从而触发页面的重新加载。这种方式的效果类似于用户手动刷新页面[^3]。 ```javascript window.location.href = window.location.href; ``` 3. **针对框架页面的重新加载** 如果页面包含框架(frame),并且需要刷新整个页面而非单个框架,可以使用 `parent.location.reload()` 方法[^2]。 ```javascript parent.location.reload(); ``` 4. **在页面加载完成后自动执行重新加载** 如果需要在页面完全加载后自动重新加载页面,可以结合 `window.addEventListener` 方法监听 `load` 事件[^4]。 ```javascript window.addEventListener('load', function() { window.location.reload(); }); ``` 以上方法均能有效实现页面的重新加载,具体选择取决于实际需求和场景。 ### 注意事项 - 在生产环境中频繁或不当使用页面重新加载可能影响用户体验,应谨慎处理。 - 强制从服务器重新加载页面时(如 `window.location.reload(true)`),可能会增加服务器负载,需权衡利弊。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值