如何用jquery实现页面跳转

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用jquery实现页面跳转相关的知识,希望对你有一定的参考价值。

例:<img src="img/1.jgp" />;
//点击图片事件
$("img").click(function()
//点击图片后发送跳转到指定页面的事件。
window.location.href="输入另一个页面的链接";
参考技术A

Query实现页面跳转的3种方法:

    Response.Redirect("http://www.jb51.net",false); 目标页面和原页面可以在2个服务器上,可输入网址或相对路径。后面的bool值为是否停止执行当前页。 跳转向新的页面,原窗口被代替。" 浏览器中的URL为新路径。 :Response.Redirect方法导致浏览器链接到一个指定的URL。当Response.Redirect()方法被调用时,它会创建一个应答,应答头中指出了 状态代码302(表示目标已经改变)以及新的目标URL。浏览器从服务器收到该应答,利用应答头中的信息发出一个对新URL的请求。这就是说, 使用Response.Redirect方法时重定向操作发生在客户端,总共涉及到两次与服务器的通信(两个来回):第一次是对原始页面的请求, 得到一个302应答,第二次是请求302应答中声明的新页面,得到重定向之后的页面。

    Server.Transfer("Default2.aspx?name=zhangsan",true); 目标页面和原页面可以在同一个服务器上。 跳转向新的页面,原窗口被代替。 波球论坛 浏览器中的URL为原路径不变。 默认情况下,Server.Transfer方法不会把表单数据或查询字符串从一个页面传递到另一个页面,但只要把该方法的第二个参数设置成 Tb310True,就可以保留第一个页面的表单数据和查询字符串。 同时,使用Server.Transfer时应注意一点:目标页面将使用原始页面创建的应答流,这导致ASP.NET的机器验证检查b310,,博球,博球网,行家心水,赛事推荐,赛事分析,资料库,足球赛事,篮球,NBA,赔率,比分,篮球数据,足球数据. (Machine Authentication Check,MAC)认为新页面的ViewState已被篡改。因此,如果要保留原始页面的表单数据和查询字符串集合, 必须把目标页面Page指令的EnableViewStateMac属性设置成False。 

    Server.Execute("Default5.aspx?address=beijing); 目标页面和原页面可以在同一个服务器上。 跳转向新的页面,再跳转会原页面。 浏览器中的URL为原路径不变。 当指定的ASPX页面执行完毕,控制流程重新返回原页面发出Server.Execute调用的位置。 这种页面导航方式类似于针对ASPX页面的一次函数调用,被调用的页面能够访问发出调用页面的表单数据和查询字符串集合,所以要把 被调用页面Page指令的EnableViewStateMac属性设置成False。 

参考技术B 回答

Hello,亲爱的问一问用户,您好,我是您百度问一问专属老师,您的问题已经收到,正在为您紧急整理答案,请不要着急,打字较慢,大约3-5分钟之后回复您,请稍等一会儿哦

亲亲,您好,您问的用jquery实现页面跳转的方法,如下:首先需要您在页面里先引入脚本库文件。

提问

有那种javascript与juery实现网页跳转的项目吗?

可以发我吗

回答

首先需要您在页面里先引入脚本库文件。

然后创建一个html示例文件test,并且创建一个按钮,用来触发跳转的,注意当前页面是叫‘页面A’的。

提问

你可以给我一个例子代码和步骤吗

回答

然后编写JS脚本逻辑,为跳转按钮添加一个点击事件。我们知道在原生的js里,我们做跳转是用window对象里的location属性来处理的,window.location.href = “abc.html"

亲亲,这会就是在给您发步骤呢。

通过jquery操作location对象,并调用attr方法,把href属性赋值为新的url地址就行了。

提问

例子

案例

给我一个案例吧,老师,我们期末作业,我不会做

回答

运行页面,点击上面的‘跳转’按钮。

(注意现在是在页面A里)点击后,就成功跳转到新的页面里了,(testb)

testb代码如:

亲亲,希望我回答对您有所帮助,另外您还可以点我的头像关注我,这样以后您还可以点我的头像关注我,这样以后有问题可以直接点我的头像对我进行咨询,感谢您的支持,期待与您再次相遇!!!

参考技术C 例:<img src="img/1.jgp" />;
//点击图片事件
$("img").click(function()
//点击图片后发送跳转到指定页面的事件。
window.location.href="输入另一个页面的链接";
)
参考技术D 问题问得不是很清楚,是简单的跳转的话用a href就可以了
图片跳转或是某段文字跳转 写个function加window.location.href="页面的链接" 即可
传参同时跳转的话用ajax
$.ajax(function()
type:"POST",
dataType:"json",
url:"default.aspx",//请求页面
data:"id=1",
complete:function()location.href ="default.aspx"//跳转页面
)

如何用setHeader("refresh"...实现跳转?

2.用setHeader("refresh"...跳转:(视频下载) (全部书籍)


马 克-to-win:使用response对象的setHeader()方法可以实现在某个时间点跳转到某个页面的作用。比如 response.setHeader("refresh",60);可以实现六十秒以后,又一次访问当前页面。而response.setHeader ("refresh","3;URL=http://localhost:8080/ServletHello/cookie.html"); 实现3秒后访问新页面:http://localhost:8080/ServletHello/cookie.html。



例:3.2.1


package com;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class DeleteCookie extends HttpServlet {

详情请见:http://www.mark-to-win.com/index.html?content=Jsp/jspUrl.html&chapter=Jsp/jsp2_web.html#setHeaderrefresh
















以上是关于如何用jquery实现页面跳转的主要内容,如果未能解决你的问题,请参考以下文章

如何用jquery实现点击后跳到页面指定位置

如何用js添加点击事件,点击后跳转到指定动态页面

js或jquery里如何用post方式跳转页面?

如何用jquery实现页面滚动到指定位置后触发事件的效果

如何用jquery实现页面滚动到指定位置后触发事件的效果?

Thinkphp后台如何用js跳转到指定页面 怎么写