JQuery实现网页的跳转

JQuery实现网页的跳转,第1张

借鉴别人给出的方法

比如当前的url为localhost:8080/user/login

如果我们需要跳转回localhost:8080/user/admin

1.我们可以利用http的重定向来跳转

window.location.replace("/user/admin")

2.使用href来跳转

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

3.使用jQuery的属性替换方法

3.1 $(location).attr('href', '/user/admin')

3.2 $(window).attr('location','/user/admin')

3.3 $(location).prop('href', '/user/admin')

至于为什么可以这么跳转,大概是因为相对路径的原因吧

写一个鼠标点击事件呗

用location指出地址就行了

id为鼠标点击对象的id

$("#id").click(function(){

window.location.href="跳转页面的url";

})

参考代码及注释如下:

<mce:script type="text/javascript"><!--  

 $(function(){  

 var pn = $("#gotopagenum").val()//#gotopagenum是文本框的id属性  

 location.href = "NewList.aspx?pagenum="+pn//location.href实现客户端页面的跳转  

 })  

// --></mce:script>

说明:关键就是在location.href

定义和用法:

href 属性是一个可读可写的字符串,可设置或返回当前显示的文档的完整 URL。

因此,我们可以通过为该属性设置新的 URL,使浏览器读取并显示新的 URL 的内容。

语法:

location.href=URL


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11691213.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存