页面跳转--JSP JS HTML

最新推荐文章于 2021-05-31 10:10:42 发布
最新推荐文章于 2021-05-31 10:10:42 发布
阅读量525 收藏
点赞数
分类专栏： 代码区

页面跳转--JSP JS HTML

   (2008-03-23 16:01:53)
转载
标签： 

杂谈

 分类： JavaScript＆XML
页面跳转--JSP JS HTML
Javascript 刷新框架及页面的方法总集
先来看一个简单的例子：
     下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。
   
     frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下：
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
     <HTML>
     <HEAD>
     <TITLE> frame </TITLE>
     </HEAD>
     <frameset rows="50%,50%">
     <frame name=top src="top.html">
     <frame name=bottom src="bottom.html">
     </frameset>
     </HTML>
   
     现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新，可以用以下七种语句，哪个好用自己看着办了。
   
     语句1. window.parent.frames[1].location.reload();
     语句2. window.parent.frames.bottom.location.reload();
     语句3. window.parent.frames["bottom"].location.reload();
     语句4. window.parent.frames.item(1).location.reload();
     语句5. window.parent.frames.item('bottom').location.reload();
     语句6. window.parent.bottom.location.reload();
     语句7. window.parent['bottom'].location.reload();
   
     top.html 页面的代码如下：
   
   
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
     <HTML>
     <HEAD>
     <TITLE> top.html </TITLE>
     </HEAD>
     <BODY>
     <input type=button value="刷新1" οnclick="window.parent.frames[1].location.reload()"><br>
     <input type=button value="刷新2" οnclick="window.parent.frames.bottom.location.reload()"><br>
     <input type=button value="刷新3" οnclick="window.parent.frames['bottom'].location.reload()"><br>
     <input type=button value="刷新4" οnclick="window.parent.frames.item(1).location.reload()"><br>
     <input type=button value="刷新5" οnclick="window.parent.frames.item('bottom').location.reload()"><br>
     <input type=button value="刷新6" οnclick="window.parent.bottom.location.reload()"><br>
     <input type=button value="刷新7" οnclick="window.parent['bottom'].location.reload()"><br>
     </BODY>
     </HTML>
     下面是bottom.html页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。
   
     bottom.html 页面的代码如下：
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
     <HTML>
     <HEAD>
     <TITLE> bottom.html </TITLE>
     </HEAD>
     <BODY οnlοad="alert('我被加载了！')">
     <h1>This is the content in bottom.html.</h1>
     </BODY>
     </HTML>
   
   
     解释一下：
     1.window指代的是当前页面，例如对于此例它指的是top.html页面。
     2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。
     3.frames是window对象，是一个数组。代表着该框架内所有子页面。
     4.item是方法。返回数组里面的元素。
     5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。
   
     附：
     Javascript刷新页面的几种方法：
     1 history.go(0)
     2 location.reload()
     3 location=location
     4 location.assign(location)
     5 document.execCommand('Refresh')
     6 window.navigate(location)
     7 location.replace(location)
     8 document.URL=location.href
   
   
   
     自动刷新页面的方法:
     1.页面自动刷新：把如下代码加入<head>区域中
     <meta http-equiv="refresh" content="20">
     其中20指每隔20秒刷新一次页面.
   
     2.页面自动跳转：把如下代码加入<head>区域中
     <meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
     其中20指隔20秒后跳转到http://www.wyxg.com页面
   
     3.页面自动刷新js版
     <script language="JavaScript">
     function myrefresh()
     {
     window.location.reload();
     }
     setTimeout('myrefresh()',1000); //指定1秒刷新一次
     </script>
   
     ASP.NET如何输出刷新父窗口脚本语句
     1. this.response.write("<script>opener.location.reload();</script>");
   
     2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");
   
     3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>")
   
   
     JS刷新框架的脚本语句
   
     //如何刷新包含该框架的页面用
     <script language=JavaScript>
     parent.location.reload();
     </script>
   
   
     //子窗口刷新父窗口
     <script language=JavaScript>
     self.opener.location.reload();
     </script>
     (　或　<a href="javascript:opener.location.reload()">刷新</a> )
   
     //如何刷新另一个框架的页面用
     <script language=JavaScript>
     parent.另一FrameID.location.reload();
     </script>
   
     如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。
   
     <body οnlοad="opener.location.reload()"> 开窗时刷新
     <body onUnload="opener.location.reload()"> 关闭时刷新
   
     <script language="javascript">
     window.opener.document.location.reload()
 
 
=======================================================


<body onLoad="parent.location='http://www.baidu.com'">

 

<a href="./hyperlink.jsp">back</a>

 

<script language="JAVASCRIPT">
 setTimeout("document.location.href='hyperlink.jsp'",10000);
</script>
 

 

response.sendRedirect(http://www.baidu.com);
 

 

<jsp:forward page="./hyperlink.jsp" />


<script language="javascript">
alert("返回");
window.history.back(-1);  
</script>

 

</body>

What是Java
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
苹果cms模板文件不存在public/jump.html 解决方法
苹果cms10好看的模板
02-13 3万+
1，点击首页的时，有的能进入播放页有的提示（上图） 模版文件不存在:public/jump.html 通过查询苹果cms模板标签（下图）得知缺少跳转提示页模板，大概率原因是因为没有会员权限和错误提示导致跳转。怎么解决呢？有以下2种解决方法。 2，解决方法1：按照路径把苹果cms默认模板的public/jump.html 文件复制到新模板里面一份。 3，解决方法2：如果不需要会员...
Jump Game II
durong123123123的专栏
01-11 931
第一反应动态规划，代码如下，但是超时了 class Solution { public: int jump(int A[], int n) { int* steps=new int[n]; steps[0]=0; for(int i=1;i<n;++i) { int minStep=
html转换下一页,JS代码实现页面切换效果（上一页+具体页+下一页）
weixin_39740737的博客
05-31 1635
HTML+CSS部分添加所有页面，和上一页、具体页、下一页的按钮，设置div样式，默认第一页显示，其他页隐藏。.item {display: none;width: 300px;height: 400px;overflow: hidden;position: relative;}.item>img {width: 100%;height: auto;position: absolute;to...
网页跳转代码
幽客独往
01-07 1万+
 网页跳转代码     将以下代码存为默认首页文件如index.html，放在根目录下即可。            不隐藏转向后地址 Redirect     隐藏转向后地址 Redirect
网页自动跳转代码
passport_daizi的博客
12-17 4985
一： 网页自动跳转代码 网页自动跳转代码 ----------------------------------------------------------------------------------- html网页自动跳转代码，content后面的数字是秒数，0表示立即跳转，比如您想5秒后跳转到新页面，请修改
html页面跳转传递参数问题
09-28
本篇文章将详细探讨如何在HTML页面跳转时传递参数，并以提供的代码示例为依据进行解析。 首先，让我们来看一下在A页面上实现跳转的代码。A页面包含两个元素，一个表示名字（`<div id="name">tony</div>`），另一个...
JSP页面跳转方法大全
10-18
本文将详细讲解JSP页面跳转的各种方法，包括服务端跳转和前端跳转。 1. **服务端JSP跳转**： - **response.sendRedirect()**：这是最常用的跳转方式，它通过修改HTTP响应头，向浏览器发送一个重定向指令。例如`...
jsp和servlet中实现页面跳转的方式实例总结
10-23
本文将详细介绍在JSP和Servlet中实现页面跳转的各种方式。 一、JSP中的页面跳转 1. 使用`RequestDispatcher.forward`方法转发： 这是一种内部跳转，不会改变浏览器地址栏的URL。例如： ```jsp ()....
jsp下页面跳转的几种方法小结
01-20
【jsp下页面跳转的几种方法】 在Java服务器页面（JSP）开发中，页面跳转是常见的操作，用于在用户交互或业务处理后引导用户访问新的页面。主要有三种方式来实现这一目标：RequestDispatcher.forward()、...
layer页面跳转,获取html子节点元素的值方法
10-16
在本文中，我们将探讨如何使用`layer`库进行页面跳转，并获取HTML子节点元素的值。`layer`是一个常用的JavaScript弹层组件，它提供了丰富的页面交互功能。在这个示例中，我们将展示如何从一个页面（original.jsp）...
html 网页 页面 内 跳转
06-21
html网页页面内跳转html网页页面内跳转html网页页面内跳转html网页页面内跳转html网页页面内跳转html网页页面内跳转
苹果cmsv10爱看影院破解主题10月4日最新修复版
10-04
第一步找到\ikan\js\目录 找到jquery.html.js,jquery.stem.js这两个js文件，查找www.issw.cn 修改成你的网址即可 第二步修改/img目录里的logo和网站二维码和你的load懒加载图片即可 第三步修改首页二维码微信公众号名称修改目录\ikan\html\system\jq_content.html 其余博主都替换成了通用的名称，不会显示谁的网址名或者网址，请大家放心使用即可，当然可能会漏点个别，有空闲的可以仔细在检查一遍！有什么问题可以进行反馈！ 幻灯片是推荐9 热播推荐是1
js跳动的心.html
08-22
只适合菜鸟
JumpJump.rar
05-23
用unity代码写的仿3D跳一跳，里面涉及到 滚动条，GUI，委托事件，资源管理，对象池，刚体，摄像机跟随等，大部分都有注释，可供新中手学习
苹果CMS提示“模板文件不存在”怎么办？
苹果cms10好看的模板
03-10 1万+
一般出现“模板文件不存在”的地方有两个：一是点击会员功能出现提示，二是后台开启防红跳转之后出现提示。下面说说解决办法。 一、点击会员功能出现提示 点击首页的时，有的能进入播放页，有的提示“模版文件不存在：public/jump.html”。 通过查询苹果cms模板标签得知缺少跳转提示页模板，大概率原因是因为没有会员权限和错误提示导致跳转。 这里，我们把苹果cms默认模板的pub...
ThinkPHP自定义错误、成功、异常提示页面
weixin_30612769的博客
08-14 672
ThinkPHP提供了自带的错误提示页面，但是并不美观，提示信息显示如下： 我们如果想要更换提示页面应该怎么做呢？ 以ThinkPHP3.2为例： 在应用配置文件（应用文件目录/Common/Conf/config.php）中添加： /* 错误页面模板 */ 'TMPL_ACTION_ERROR' => 'Public/dispatch_jump.html', /...
如何在public_html/目录外架设网站
daiyan_csdn的博客
05-10 6618
对于最初接触cPanel的站长们，通常都会被他的目录结构给搞的云里雾里，完全不知道自己的网站文件应当传到哪个目录下。而对于使用过几次的站长来说，public_html/目录对应主域名，而将其他附加域/子域名都绑定在public_html/目录下又会出现管理混乱的问题。 这里，我就讲讲怎么将网站设置在public_html/目录外来加强站长对网站内容的管理。 首先，要说明一下，cPane
html静态页面引入公共html页面
热门推荐
u010957390的博客
01-14 8万+
很多人问有什么方法不用模板引擎在普通静态html页面导入公共的html页面,比如header.html, footer.html, 在这里我是这样做的,自己写了一个include.js include.js代码如下 /** * Created by 张永风 on 2016/1/13. */ (function(window, document, undefined) { v
html页面点击按钮跳转jsp页面
最新发布
05-27
要实现在HTML页面上通过点击按钮跳转到JSP页面，可以使用HTML的表单和JSP的请求转发功能。 首先，在HTML页面中创建一个表单，表单中包含一个...如果需要重定向到其他页面，可以在JSP页面中使用JavaScript代码实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值