JS实现重新加载当前页面

[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 

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持我们!

时间: 2016-11-27

页面加载完后自动执行一个方法的js代码

1.在body中用onload: <body onload="myfunction()"> 2.在脚本中用window.onload: <script type="text/javascript"> function myfun() { alert("this window.onload"); } /*用window.onload调用myfun()*/ window.onload=myfun;//不要括号 </scr

js实现加载页面就自动触发超链接的示例

如下所示: 以上这篇js实现加载页面就自动触发超链接的示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

JS实现页面数据无限加载

在手机端浏览网页时,经常使用一个功能,当我们浏览京东或者淘宝时,页面滑动到底部,我们看到数据自动加载到列表.之前并不知道这些功能是怎么实现的,于是自己在PC浏览器上模拟实现这样的功能.先看看浏览效果: 当滚动条滚动到页面底部时,提示"正在加载-". 当页面已经加载了所有数据后,滚动到页面底部会提示"数据已加载到底了": 实现数据无限加载的过程大致如下: 1.滚动条滚动到页面底部. 2.触发ajax加载,把请求返回的数据加载到列表后面. 如何判断滚动条是否滚动到页面底

JS实现页面数据懒加载

页面数据懒加载.Div移动到可视区域再去ajax加载内容. 最近有需求做页面的多个table用于加载数据,但是用户浏览页面的时候不需要一次将页面所有的东西加载出来,比如页面上3个table就占满了,用户点进去第一眼也就只能看到3个.为了防止一次加载拖慢了页面的速度,所以之后的table我们要懒加载.即该table移动到了可视区域再去异步请求加载数据. 以下为目前实现的方法: <!-- page lazyloading --> <script> $(function(){ // 设置

Vue下滚动到页面底部无限加载数据的示例代码

看到一篇Implementing an Infinite Scroll with Vue.js, 觉得挺实用的就看了下, 顺便简单翻译了一下给需要的人参考. 从这个项目中可以加深对Vue的生命周期的理解, 何时开始axios请求, 如何结合Vue使用原生js来写scroll事件等等, 我这里主要是对原文的重点提取和补充 本文技术要点 Vue生命周期 axios简单用法 moment.js格式化日期 图片懒加载 结合原生js来写scroll事件 请求节流 创建项目 首先创建一个简单的vue项目 #

html中通过JS获取JSON数据并加载的方法

在写内容逻辑重复性的页面时,用json数据可以显著提高编程效率,并且便于后期的数据维护.因此,在视频专题页面,需要展示多列视频数据,我选择了用json. HTML如下(只展示重点部分,需要引用JQ) <div class="container-fluid content "> <div class="container neirong"> <div class="left fl"> <div class=

js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍

用JavaScript刷新上级页面和当前页面 复制代码 代码如下: <script type="text/javascript"> //刷新上级页面 //window.parent.main.document.location.reload(); //刷新当前页面 document.location.reload(); </script> 每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用下面的几种方法

Vue中的无限加载vue-infinite-loading的方法

本文介绍了Vue中的无限加载vue-infinite-loading的方法,分享给大家,具体如下: 注意:vue-infinite-loading2.0只能在Vue.js2.0中使用.如果你想在Vue.js1.0中使用,请安装vue-infinite-loading1.3版本 如何安装 npm install vue-infinite-loading --save 导入方式 es6模块导入方式 import InfiniteLoading from 'vue-infinite-loading';

基于JavaScript实现移动端无限加载分页

本文实例为大家分享了js实现移动端无限加载分页的具体代码,供大家参考,具体内容如下 原理:当滚动条到达底部时,执行下一页内容. 判断条件需要理解三个概念:     1.scrollHeight 真实内容的高度     2.clientHeight 视窗的高度,即在浏览器中所能看到的内容的高度     3.scrollTop 视窗上面隐藏掉的部分,即滚动条滚动的距离 思路: 1.使用fixed定位加载框     2.使用$(window).scroll();方法来触发是否加载     3.通过 真

Vue.js实现无限加载与分页功能开发

本篇文章是一篇Vue.js的教程,目标在于用一种常见的业务场景--分页/无限加载,帮助读者更好的理解Vue.js中的一些设计思想.与许多Todo List类的入门教程相比,更全面的展示使用Vue.js完成一个需求的思考过程:与一些构建大型应用的高阶教程相比,又更专注于一些零碎细节的实现,方便读者快速掌握.致用. 需求分析 当一个页面中信息量过大时(例如一个新闻列表中有200条新闻需要展示),就会产生问题,例如: >数据量过大,影响加载速度 >用户体验差,很难定位到之前自己看过的某篇文章 >

js实现滚动条滚动到页面底部继续加载

这个实例应该说可以很简单,直接使用jQuery的方法来处理也是可以的.但本文底层使用原生的js来处理,遇到一些小知识点可以分析一下也算有所得. 原理很简单,就是为window添加一个scroll事件,浏览器每次触发scroll事件时判断是否滚动到了浏览器底部,如果到了底部则加载新数据.关键是计算滚动条是否滚动到了浏览器底部,算法如下 滚动条卷起来的高度 + 窗口高度 > 文档的总高度 + 50/*我这里将滚动响应区域高度取50px*/:如果这个判断为true则表示滚动条滚动到了底部. 实例 <

Js表格万条数据瞬间加载实现代码

Js表格,万条数据瞬间加载 在Ajax动态加载数据的实际应用中,大家都习惯了一种思维方式:一条数据创建一行. 于是如果数量大的时候,一次性要加载完数据的话,浏览器就会卡上半天 受Flex的DataGrid控件的启发,在Flex的DataGrid控件中,展示数据的方法并不是有多少条数据就创建多少行,它最多只创建你在界面上所看到的十几二十行(假设为n行),如果数据多的话,在滚动过程中,会从数据中抽取你应该看到的这n行数据,重新展示在已经创建好的那n行控件中. 也就是说,Flex的DataGrid控件