js跳转页面几种方法总结

JavaScript014

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

1、跳转链接 在当前窗口打开

window.location.href=" http://www.baidu.com "

等价于<a href="baidu.com" target="_self">go baidu</a>

2、跳转链接 在新窗口打开

window.open(" http://www.baidu.com ")

等价于 <a href="baidu.com" target="_blank">go baidu</a>

3、跳转链接 返回上一页

window.history.back(-1)

4、跳转链接

self.location.href="baidu.com"

self 指代当前窗口对象,属于window 最上层的对象。

location.href 指的是某window对象的url的地址

self.location.href 指当前窗口的url地址,

去掉self默认为当前窗口的url地址,一般用于防止外部的引用

top.location.href:为引用test.html页面url的父窗口对象的url

如果你的网页地址是:[ http://www.a.com ,]别人的是[ http://www.b.com] ,

他在他的页面用iframe等框架引用你的[ http://www.a.com] ,那么你可以用:

if``(top.location.href!=self.location.href){

location.href=``"http://www.a.com"``

}

来转向你的页面,top指代的是主体窗口,这里top.location.href返回[ http://www.b.com]

javascript点击图片实现链接到其他页面需要新建一个html文件,命名为test.html,用于讲解jquery如何实现点击图片后跳转到另外一个页面。在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。在test.html文件内,创建一个div模块,在div内,使用img标签创建一张图片,图片地址为images文件夹下面的1.jpg图片。在test.html文件内,设置img标签的id属性,下面将通过此id来绑定点击事件,例如,设置img标签的id属性为myimg。在test.html文件内,在js标签中,通过img标签的id获得对象,给该对象绑定click点击事件,当图片被点击时,执行function内的代码。在function方法体内,使用location.href来实现跳转至另一个页面,例如,这里设置跳转至百度网站。在浏览器打开test.html文件,点击图片,查看实现的效果。

百度经验