js方式的页面跳转
1.window.location.href方式
<script language="javascript" type="text/javascript">
window.location.href="target.aspx";
</script>
2.window.navigate方式跳转
<script language="javascript">
window.navigate("target.aspx");
</script>
3.window.loction.replace方式实现页面跳转,注意跟第一种方式的区别
<script language="javascript">
window.location.replace("target.aspx");
</script>
有3个jsp页面(1.aspx, 2.aspx, 3.aspx),进系统默认的是1.aspx,当我进入2.aspx的时候, 2.aspx里面用window.location.replace("3.aspx");
与用window.location.href ("3.aspx");
从用户界面来看是没有什么区别的,但是当3.aspx页面有一个"返回"按钮,调用window.history.go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.aspx页面的话,区别就出来了,当用 window.location.replace("3.aspx");连到3.aspx页面的话,3.aspx页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.aspx。
4.self.location方式实现页面跳转,和下面的top.location有小小区别
<script language="JavaScript">
self.location='target.aspx';
</script>
5.top.location
<script language="javascript">
top.location='target.aspx';
</script>
6.不推荐这种方式跳转
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
meta方式实现跳转(content = 3 单位是秒)
<meta http-equiv=refresh content=3;URL="http://www.dayanmei.com">
总结二:
1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);
2. history.back().
3. window.history.forward()返回下一页
4. window.history.go(返回第几页,也可以使用访问过的URL)
例:
<a href="javascript:history.go(-1);">向上一页</a>
response.Write("<script language=javascript>")
response.Write("if(!confirm('完成任务?')){history.back();}")
response.Write("</script>")
response.Write("<script language=javascript>history.go(-1);</script>")
<a href="javascript:history.go(-1);">向上一页</a>
页面跳转:onclick="window.location.href='list.aspx'"
P.S.
小技巧(JS引用JS):
- <mce:script type=text/javascript><!--
- if (typeof SWFObject == "undefined") {
- document.write('<scr' + 'ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr' + 'ipt>');}
- // --></mce:script>
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页面
相关推荐
js页面跳转整理,js页面跳转整理,js页面跳转整理,js页面跳转整理,js页面跳转整理,js页面跳转整理
跳转页面的方法有很多,在本文整理了一些比较常用,并有示例代码,感兴趣的朋友可以参考下
昨天练习的时候正好要用到跳转代码,在网上找了一下,觉得下面几个不错...整理了一下发上来...
js跳转页面的方法有很多,本文搜集整理了一些,个人感觉还不错,希望对大家有所帮助
软件开发网整理的关于JS刷新页面相关的总结://www.jb51.net/article/139788.htm 1.js 代码: [removed] var time = 5; //时间,秒 var timelong = 0; function diplaytime(){ //时间递减 document.all.his[removed...
曾整理过一个各种页面跳转方法中referrer丢失的情况,其中提到,在IE中,使用类似 location.href = “a.html”这样的方式跳转页面时,在目标页面中 document.referrer的值会是空。这应该是IE的一个 bug。 大多数情况...
27.如何用css自定义鼠标...41.用CSS+JS控制Li背景颜色交替.html 42.用css实现简单的进度条.html 43.在同一页面设置不同文字链接效果的样式.html 44.支持按键盘方向键实现翻页跳转的效果.html 45.支持键盘方向键.html
JqueryMobile常见问题整理 跳转时重复调用pageinit方法的解决办法 页面跳转后样式丢失js失效
很多程序员无论是新手还是老的程序员都避免不了关于JS刷新页面的相关内容,在本文中我们整理了软件开发网总结的关于JS页面刷新的相关重要知识点文章,一起来跟着学习下。 JS刷新当前页面的几种方法总结 reload 方法...
没有Asp.net开发经验的朋友可以看看这篇...本资料是本人整理的ASP.NET与C#的基础资料。如需了解请查阅VS.NET的相关书籍。省略的内容有ASP.NET基础语法、C#基础语法、HTML语法、JAVASCRIPT语法。 适用人群:初学ASP.NET
最近项目需要页面的快捷操作,跳转路由时需要带上参数去另一个页面进行搜索,由于本人是后台,不怎么懂前端,翻阅很多文档后,终于成功了,现整理相关笔记共勉! 代码: 第一种情况:params传参(vue版本<2.2) ...
用页面跳转的方法转到相应页。 location.replace(screen.width+".htm") 或者: location.replace(screen.height+".htm") 完整代码。 [removed]<!--location.replace(screen.width+".htm");//-->[removed] 技巧...
JS函数经常使用的比较多比如获取页面地址参数、地址跳转、判断是否数字等等,在本文整理了一些,感兴趣的可以参考下
一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现 HTML 内容的变换,UI 与用户的交互,避免页面的重新加载。 初次加载耗时多:为实现单页 Web 应用功能及显示...
一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现 HTML 内容的变换,UI 与用户的交互,避免页面的重新加载。 初次加载耗时多:为实现单页 Web 应用功能及显示...
一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说想要将控制权放在前端,通过js来操作页面的跳转...
本文以前端面试官的角度出发,对 Vue 框架中一些...一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现 HTML 内容的变换,UI 与用户的交互,避免页面的重新加载。。
本文分享下自己平时积累的一些实用性较高的js方法,供大家指点和评价。本想分篇介绍,发现有点画蛇添足。整理了下也没多少拿得出手的方法,自然有一些是网上看到的个人觉得很有实用性的方法,在这里一起贴出来供大家...