wangxiaoxu
- 浏览: 567206 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (618)
- java (109)
- Java web (43)
- javascript (52)
- js (15)
- 闭包 (2)
- maven (8)
- 杂 (28)
- python (47)
- linux (51)
- git (18)
- (1)
- mysql (31)
- 管理 (1)
- redis (6)
- 操作系统 (12)
- 网络 (13)
- mongo (1)
- nginx (17)
- web (8)
- ffmpeg (1)
- python安装包 (0)
- php (49)
- imagemagic (1)
- eclipse (21)
- django (4)
- 学习 (1)
- 书籍 (1)
- uml (3)
- emacs (19)
- svn (2)
- netty (9)
- joomla (1)
- css (1)
- 推送 (2)
- android (6)
- memcached (2)
- docker、 (0)
- docker (7)
- go (1)
- resin (1)
- groovy (1)
- spring (1)
最新评论
-
chokee：
...
Spring3 MVC 深入研究 -
googleyufei：
很有用, 我现在打算学学Python. 这些资料的很及时.
python的几个实用网站（转的） -
hujingwei1001：
太好了找的就是它
easy explore -
xiangtui：
例子举得不错。。。学习了
java callback -
幻影桃花源：
太好了，謝謝
Spring3 MVC 深入研究
纯js页面跳转整理
js页面跳转
js方式的页面跳转
1.window.location.href方式
<script language="javascript" type="text/javascript">
window.location.href="http://updn.cn";
</script>
2.window.navigate方式跳转
<script language="javascript">
window.navigate("http://updn.cn");
</script>
3.window.loction.replace方式实现页面跳转，注意跟第一种方式的区别
<script language="javascript">
window.location.replace("http://updn.cn");
</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='http://updn.cn';
</script>
5.top.location
<script language="javascript">
top.location='http://updn.cn';
</script>
6.不推荐这种方式跳转
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
meta方式实现跳转(content = 3 单位是秒)
<meta http-equiv=refresh content=3;URL="http://updn.cn">
总结二：
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='http://updn.cn'"
P.S.
小技巧(JS引用JS):
[javascript] view plaincopy
<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://updn.cn">
其中20指隔20秒后跳转到http://updn.cn页面
3.页面自动刷新js版
[c-sharp] view plaincopy
<mce:script language="JavaScript"><!--
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
// --></mce: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>中调用以下语句即可。
[javascript] view plaincopy
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<mce:script language="javascript"><!--
window.opener.document.location.reload()
// --></mce:script>
js页面跳转
js方式的页面跳转
1.window.location.href方式
<script language="javascript" type="text/javascript">
window.location.href="http://updn.cn";
</script>
2.window.navigate方式跳转
<script language="javascript">
window.navigate("http://updn.cn");
</script>
3.window.loction.replace方式实现页面跳转，注意跟第一种方式的区别
<script language="javascript">
window.location.replace("http://updn.cn");
</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='http://updn.cn';
</script>
5.top.location
<script language="javascript">
top.location='http://updn.cn';
</script>
6.不推荐这种方式跳转
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
meta方式实现跳转(content = 3 单位是秒)
<meta http-equiv=refresh content=3;URL="http://updn.cn">
总结二：
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='http://updn.cn'"
P.S.
小技巧(JS引用JS):
[javascript] view plaincopy
<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://updn.cn">
其中20指隔20秒后跳转到http://updn.cn页面
3.页面自动刷新js版
[c-sharp] view plaincopy
<mce:script language="JavaScript"><!--
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
// --></mce: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>中调用以下语句即可。
[javascript] view plaincopy
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<mce:script language="javascript"><!--
window.opener.document.location.reload()
// --></mce:script>
分享到：
发表评论
-
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
2014-12-09 10:33 790原文地址：http://www.techo ... -
241个jquery插件—jquery插件大全
2014-12-09 10:26 804原文地址：http://blog.csdn.net/adsda ... -
前端ui的js框架
2014-09-04 16:45 595原文地址：http://www.quickui.net/v3/ ... -
2014 年最火的21个JavaScript框架
2014-09-03 17:25 480原文地址：http://www.iteye.com/news/ ... -
Bootstrap 栅格系统
2014-08-08 15:53 520原文地址：http://www.cnblogs.com/lin ... -
自定义Bootstrap
2014-08-08 10:14 691原文地址：http://www.w3cplus.com/css ... -
使用python/casperjs编写终极爬虫-客户端App的抓取
2014-08-06 18:09 9581.缘起 随着移动互 ... -
使用Selenium和PhantomJS解析带JS的网页
2014-08-06 17:57 1051有的网页，不能直接通过wget/curl等命令、或者直接使用P ... -
数据抓取的艺术（一）：Selenium+Phantomjs数据抓取环境配置
2014-08-06 17:56 623原文地址：http://blog.chin ... -
ubuntu12.04 下安装nodejs【整理】
2014-06-12 14:38 737ubuntu12.04 下安装nodejs【整理】 作者：杭州 ... -
Ubuntu安装nodeJS
2014-06-12 14:38 515Ubuntu安装nodeJS 安装环境 ubuntu12. ... -
细说Cookie
2013-09-29 15:14 651细说Cookie 阅读目录 开始 ... -
JavaScript Source Map 详解
2013-08-30 09:49 808JavaScript Source Map 详解 ... -
主题：50个令人惊奇的jQuery插件
2013-05-29 18:17 992jQuery拥有强大的有创造性的程序员群体。 然而，它很难通 ... -
jquery触发事件
2013-05-23 17:25 614Snandy Stop, thinking is th ... -
jquery事件命名空间
2013-05-23 17:13 521JQUERY事件命名空间 2012 ... -
jQuery的事件命名空间-Namespaced Events
2013-05-23 17:12 636jQuery的事件命名空间-Namespaced Event ... -
JQuery自定义事件的应用 JQuery最佳实践
2013-05-23 16:54 803本文主要介绍JQuery框架里面支持的自定义事件模型，通过实 ... -
jquery插件开发
2013-05-13 15:01 717此文引自：http://www.cnblogs.com/to ... -
（自己收藏）汤姆大叔的博客 深入理解JavaScript系列
2013-04-26 11:52 934http://www.cnblogs.com/TomXu/ar ...
相关推荐
### JS页面跳转详解 #### 一、概述 在Web开发中，页面跳转是非常常见的需求之一。通过JavaScript可以非常灵活地控制页面的导航逻辑，无论是打开新的窗口、跳转到指定页面还是处理复杂的导航历史，JavaScript都能...
Javascript 页面跳转和刷新的常用代码整理 Javascript 是一种广泛应用于网页开发的脚本语言，它可以实现网页的动态交互和页面跳转。下面我们将对 Javascript 实现页面跳转和刷新的常用代码进行整理。 页面刷新 ...
以下是一些常见的JavaScript页面跳转方法： 1. **计时器跳转**： 在描述中给出的代码段展示了利用`setTimeout`实现的倒计时跳转。`countDown`函数接收一个参数`secs`，表示剩余秒数，每秒减少1秒，直到为0时执行...
5. **URL重定向**：当倒计时结束，JavaScript会使用`window.location.href`或`location.replace`等方法来改变当前页面的URL，实现自动跳转。 6. **学习资料**：对于计算机科学学生和初学者，这个源码资源可以作为一...
在用户等待页面跳转时，进度条能提供视觉反馈，让用户知道系统正在处理请求，减少用户的焦虑感。此外，简洁大气的设计风格可以提升品牌形象，使用户对网站留下良好的印象。 6. **云盘存储**：描述中提到的“含下载...
"安全检测GO内外链跳转页面html源码源码资源下载整理.zip" 这个标题提到了几个关键概念。首先，“安全检测”指的是在网站中实施的一种安全措施，通常是为了防止用户访问恶意链接或者保护网站免受攻击。这里的“GO”...
1. **HTML与JavaScript**：HTML用于构建基本的网页结构，而JavaScript则用于实现动态的页面跳转效果，比如延迟跳转、动画过渡等。 2. **CSS样式**：为了使引导页面美观，源码中可能包含了CSS样式表，用于定义字体、...
### ASP.NET 页面刷新和定时跳转技术解析 #### 一、引言 在Web开发中，页面刷新和定时跳转是非常常见的功能需求。通过合理的页面刷新可以提高用户体验，而定时跳转则能帮助用户自动导航至下一个页面或完成特定任务...
该资源包是一个关于密码访问...通过研究和实践这些代码，你可以了解到如何创建一个自定义的登录页面，并在用户成功验证后执行页面跳转。同时，它还可能包含其他编程语言和技术的相关资料，为学习者提供了更广泛的视角。
这份“javascript学习笔记整理知识点整理”是针对初学者的一份宝贵资料，涵盖了JavaScript的基础知识，旨在帮助新手快速入门并掌握这门语言的核心概念。 一、变量与数据类型 在JavaScript中，变量用于存储数据。...
##### 3.4 页面跳转 - **使用 `location.href`**: 改变当前页面的URL。 **例子**: ```javascript location.href = "http://example.com"; // 跳转到新的URL ``` ##### 3.5 打开新窗口 - **使用 `window.open()`**:...
这个404页面设计独特，不仅在视觉上模拟了Win10蓝屏错误界面，还添加了一个五秒钟后自动跳转的功能，为用户提供了一种有趣且互动的错误提示体验。这样的设计通常用于网站或应用中，当用户访问不存在的页面时，能够以...
这段代码通过JavaScript定时更新一个进度条的显示效果，当进度达到一定值时，触发页面跳转。这种方式比较新颖，适合于需要显示加载进度的场景。 ### 结论 通过上述介绍可以看出，PHP网页跳转的方式有很多种，每种...
8. 对于链接，可以使用`javascript:void(0)`阻止默认的跳转行为，然后添加事件处理函数来刷新页面： ```html <a href="javascript:void(0)" onclick="history.go(0)"> <a href="javascript:void(0)" onclick=...
1. JavaScript代码：JavaScript可以用于检测当前页面所在的环境，如果是在限制环境中，它会执行一个跳转操作，将用户带到不受限制的浏览器环境。 2. Meta刷新标签：HTML的`<meta>`标签的`http-equiv`属性可以设置为`...
本文档是作者在学习过程中整理的JavaScript基础知识，涵盖了多个关键知识点。 1. **基本语法与IsNaN**： JavaScript的基本语法包括变量声明、数据类型、流程控制等。IsNaN函数用于检查一个值是否为非数字，返回值...
软件开发网整理的关于JS刷新页面相关的总结：//www.jb51.net/article/139788.htm 1.js 代码： [removed] var time = 5; //时间,秒 var timelong = 0; function diplaytime(){ //时间递减 document.all.his[removed...