js跳转页面几种方法总结

JavaScript012

js跳转页面几种方法总结,第1张

js为我们提供了大量的跳转页面的命令了 下面我来给大家总结一些常用的js跳转页面方法 希望各位同学有所帮助

第一种

代码如下

window location

第二种 跳到前一个历史记录

代码如下

window history back( )

第三种

代码如下

window navigate(“

第四种

代码如下

self location=’

第五种

代码如下

top location=’

第六种

代码如下

window open(pageURL name parameters)

window open("alwaysraised " "_blank" "alwaysRaised")

第七种

代码如下

lishixinzhi/Article/program/Java/JSP/201311/19856

Javascript

返回上一页

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):

复制代码

代码如下:

<script

type=text/javascript>

<!--

if

(typeof

SWFObject

==

"undefined")

{

document.write('<scr'

+

'ipt

type="text/javascript"

src="/scripts/swfobject-1.5.js"></scr'

+

'ipt>')}

//-->

</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="20url=http://www.jb51.net">

其中20指隔20秒后跳转到http://www.jb51.net/tools/files.shtml页面

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

onload="opener.location.reload()">

开窗时刷新

<body

onUnload="opener.location.reload()">

关闭时刷新

<script

language="javascript">

window.opener.document.location.reload()

</script>

平常页面跳转可以使用在html中写a标签及跳转地址实现

这种方式的好处在于直观、方便,但是缺点在于页面会出现刷新的情况,可以使用禁用浏览器的默认事件来防止。

也可以使用js控制页面跳转

在html中 为某个标签添加点击事件

在js中 可以使用如下方法来跳转页面