如何用jquery实现页面跳转

JavaScript026

如何用jquery实现页面跳转,第1张

例:<img src="img/1.jgp" />

//点击图片事件

$("img").click(function(){

//点击图片后发送跳转到指定页面的事件。

window.location.href="输入另一个页面的链接";

jquery也是封装的js js原生就有跳转方法

location.href="链接"

或者 window.location.href="链接"

具体使用 哪一个 你根据情况确定。如果不清楚有什么区别可以上网看以下。很容易。如果没有特殊条件。基本上 可以混用。用谁都行

1、首先新建一个html文件,命名为test.html,在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

2、在test.html文件内,使用button标签创建一个按钮,按钮名称分别为“刷新页面”。

3、在test.html文件内,设置button标签的id为btn,主要用于下面通过该id获得button对象。

4、在js标签内,使用$(function(){ })方法在页面加载完成时,通过window.location.href获得当前页面的链接,并把链接保存在变量url中。

5、在js标签内,通过id(btn)获得button对象,给它绑定click点击事件,实现当按钮被点击时,使用window.location.href方法跳转至url,从而实现刷新页面的效果。

6、在浏览器打开test.html文件,点击按钮,查看实现的效果。