js跳转页面几种方法总结

JavaScript053

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

为了能够实现在每一个页面判断会员登录状态的功能，可以采用了页面时通过ajax传递参数通过后端返回的登录状态结果进行判断，这种方式实现的前提是登录状态在后端可以保持或者能够查询到并且不利用页面向后端发送特别参数。

html部分

<divid="state_content"></div>

jQuery(document).ready(function()

{

getUserData()

})

functiongetUserData()

{

varOption=

{

url:encodeURI('/Handler/AuthAccounts.ashx?action=getloginstate'),

type:"post",

dataType:'text',

cache:false,//设置为false将不会从浏览器缓存中加载请求信息。

async:true,//(默认:true)，所有请求均为异步请求。发送同步请求，请将此选项设置为false。同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。

timeout:150000,//设置请求超时时间（毫秒）。此设置将覆盖全局设置。

error:function()

{

},

success:function(data,textStatus)

{

if(data==null||data==undefined)

{

returnfalse

}

jsondata=eval('('+data+')')

if(jsondata.state=="success")

{

varweburl='<aclass="username">欢迎你,'+jsondata.message.split('|')[1]+'</a><aclass="go_out"onclick="ExitLoginState()">退出</a>'

$("#state_content").html(weburl)//内容

}

else

{

vartextList='<ahref="/Login/index.shtml"rel="externalnofollow"rel="externalnofollow">【登录】</a><ahref="/Register/index.shtml"rel="externalnofollow"rel="externalnofollow">【注册】</a>'

$("#state_content").html(textList)//内容

}

},

beforeSend:function()

{

}

}

jQuery.ajax(Option)

returnfalse

}

functionExitLoginState()

{

varOption=

{

url:encodeURI('/Handler/AuthAccounts.ashx?action=exitloginstate'),

type:"post",

dataType:'text',

cache:false,//设置为false将不会从浏览器缓存中加载请求信息。

async:true,//(默认:true)，所有请求均为异步请求。发送同步请求，请将此选项设置为false。同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。

timeout:150000,//设置请求超时时间（毫秒）。此设置将覆盖全局设置。

error:function()

{

},

success:function(data,textStatus)

{

if(data==null||data==undefined)

{

returnfalse

}

jsondata=eval('('+data+')')

if(jsondata.state=="success")

{

alert("已经退出")

vartextList='<ahref="/Login/index.shtml"rel="externalnofollow"rel="externalnofollow">【登录】</a><ahref="/Register/index.shtml"rel="externalnofollow"rel="externalnofollow">【注册】</a>'

$("#state_content").html(textList)//内容

}

},

beforeSend:function()

{

}

}

jQuery.ajax(Option)

returnfalse

}

扩展资料

js自动识别终端并跳转的缺点：

一个企业需要做两个网站，那以后又出来很多终端设备。

例如iwatch：网站维护的成本，服务器成本都成倍的增加，这个时候企业主最需要的是为网站做响应式开发，让网站具备在不同设备下自动排版以确保在移动设备下的友好访问。

切图网凭借长期的web前端开发经验，长期从事html5，css3技术开发，对网站响应有独到的见解和研究，并且在移动互联网时代的背景下推出已有网站永久的、不依赖第三方的网站跨屏幕适配服务。

要实现从一个页面A跳到另一个页面B，js实现就在A的js代码加跳转代码

JS跳转大概有以下几种方式：

第一种：(跳转到b.html)

<script language="javascript" type="text/javascript">

window.location.href="b.html"

</script>

第二种：（返回上一页面）

<script language="javascript">

window.history.back(-1)

</script>

第三种：

<script language="javascript">

window.navigate("b.html")

</script>

第四种：

<script language="JavaScript">

self.location=’b.html’

</script>

第五种：

<script language="javascript">

top.location=’b.html’

</script>