html window 跳转,js中window对象详解以及页面跳转

1.window.top.window.location = "index.asp";

2.window.top.location.href="index.asp"

3. window.top.location.replace("index.asp");

4.window.navigate("index.asp");

5.windows.open() //新窗口JS脚本可以用 windows.parent指向前一个窗体的引用访问前一个窗口的属性和方法；

6.window.history.go(-2);//这个速度最快，从本地缓存中读取。但页面数据可能不是最新

history.go(-1),

history.back().

window.history.forward()

... ... 详细history实现方法参见博文【http://blog.csdn.net/Henry_YQH/article/details/8530711】

------------------------------------

先解释前缀属性:

window：每个浏览器窗口及窗口框架都是由window对象表示的；应用程序中每个窗口都会创建一个window对象，为JS创建了一个独立的执行环境，其中包含的重要属性有document

(文档显示结构)，location(地址属性)，frames[ ](表单数组), history(历史记录), screen, navigator(浏览器属性), top(最外层框架), parent(上一层框架), self, window(自引用属性)

ps: 默认代表的就是他的window属性; 所以应该可以省略掉window关键字，我们的使用中就很少出现window关键字；

location：窗口的location属性是一个Location对象，代表当前显示文档的URL；

locaiton的href属性是一个字符串，包含完整的URL，其他属性protocol, host, pathname和search(？之后的部分)等则分别声明了URL的各个部分；直接取location的值实际取到的就是它的href一样的值，因为它自带了一个toString()方法；

可以把一个URL字符串直接复制给loation对象，作用是引起浏览器装载这个URL页面的内容，但是location对象本身并没有一种方法可以用一个URL替换；但是js1.1之后有两种方法：reload()会从webserver重新装载当前界面；replace()会装载并显示指定的URL；但是为给定URL调用replace和把一个URL赋值给窗口的location不同，当调用replace时，指定的URL会替换浏览器历史中的当前URL，而不是在历史列表中创建一个新条目，如果用浏览器上的back按钮，就可能无法回到原始文档。

PS.个人使用中发现，起码在chrome浏览器中，给location赋值和给location的href赋值，实现是有区别的，给location赋值，浏览器可能会做更多资源释放的动作(具体问题个人博客赘述: http://blog.csdn.net/mrvinc/article/details/9733281)

---------------------------------------

另外还有一些服务器实现方法：

Response.Redirect()

这个的工作原理就是：客户端输入url，向服务器发一次请求，访问到服务器，然后服务器响应返回一个跳转的url到客户端，然后浏览重定向(302)，再像服务器发送一次请求，然后服务器根据请求，响应操作。实现这个过程中间访问了两次服务器，访问是有时间的所以这个比较耗时间。

这个后台使用的跳转方法实际上跳转效率稍微低点，因为需要和服务器两次交互才到目的页面。

Server.Transfer()

这个的工作原理就是：客户端输入url，向服务器发一次请求，访问到服务器，然后服务器响看你要访问一个新得url，直接从服务器跳转访问，返回你想要显示的。中间就访问了一次服务器，浏览器的地址不发生改变。

window.showModalDialog()打开子窗口方法；

转-JS中document对象详解

对象属性 document.title //设置文档标题等价于HTML的

标签 document.bgColor //设置页面背景色 document.fgColor //设置 ...

JS中window.showModalDialog()详解 HTML DOM open() 方法

window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框. window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框.  ...

JS中document对象详解

转自:http://www.cnblogs.com/andycai/archive/2010/06/29/1767351.html 对象属性 document.title //设置文档标题等价于HTM ...

JS中navigator对象详解

html>

js中Date()对象详解

var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-???? ...

JS中window.showModalDialog()详解

window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框. window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框.  ...

JS中window.showModalDialog()详解(转)

window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框. window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框.  ...

(转)javascript中event对象详解

原文:http://jiajiale.iteye.com/blog/195906 javascript中event对象详解          博客分类: javaScript JavaScriptCS ...

UWP入门(七)--SplitView详解与页面跳转

原文:UWP入门(七)--SplitView详解与页面跳转 官方文档,逼着自己用英文看,UWP开发离不开官方文档 1. SplitView 拆分视图控件 拆分视图控件具有一个可展开/可折叠的窗格和一个 ...

随机推荐

axis2学习, ant 构建axis2 ws

1,axis2安装(windows)   . 环境需求:jdk 1.5, tomcat 6, maven 2, ant . 下载(bin表示二进制文件):http://mirror.bjtu.edu. ...

Android之开源项目工具库篇

本文转自:http://www.trinea.cn/android/android-open-source-projects-dev-lib/ 本文中你可以找到那些精美App中各种有特性的View,如 ...

OneNote快捷键

转载自:http://onenoter.com/2013/04/5792 记录笔记和设置笔记格式 键入和编辑笔记 若要执行此操作 按 打开一个新的 OneNote 窗口. Ctrl+M 打开一个小的 ...

struts2中修改Action后刷新浏览器后不能及时更新

在学习strut2的时候,发现如果修改配置文件中Action的时候,刷新浏览器并不能加载修改后的Action,只能关闭服务,重新开启server才能获取到,上网找了许多资料后发现只要在配置文件中加上下 ...

UI事件之load

load事件属于CSS3规范中的UI事件,load事件处理程序在页面元素和资源(html/script/link/img等)全部加载完成后在window上触发,或在img元素加载完成后再img元素上触 ...

Spring IOC 之个性化定制the nature of a bean

1.生命周期回调 为了影响容器管理的bean的生命周期,你可以实现Spring的InitializingBean和DisposableBean接口.容器首先调用afterPropertiesSet() ...

MongoDB学习(翻译3)

支持的where字句(比较多,今天先写一部分) 本节介绍支持的where字句 正如前面提到的,不是所有的C#表达式都支持where子句.您可以以此文为指导,或者你可以尝试表达,看看它是否工作(如果不支 ...

15树莓派安装图形界面截图工具Shutter

2017-09-27 13:02:54 参数-添加/删除软件-搜索软件名称“shutter”,勾选,点击“应用”,等待安装完成后点击“确定”.(需下载安装包后安装) 补充:更多截图软件可以https: ...

pwnable.kr-input-witeup

查看代码,有5个stage,一一解决掉就能愉快看到flag了. 第一个stage: 解决方案: 第二个stage: 解决方案: 使用了os.pipe()函数功能,os.pipe()用于创建一个管道,返 ...

好久没考虑过的 sql 注入

很多年没考虑 sql 注入了,毕业以后 使用mybatis #{ 参数的 语法 },这个 语法已经 做了防止 sql 注入的处理 . 看到同事写的 ${ 参数 },突然 想到这个问题 . 下面聊聊 s ...