JS 当前页面打开URL页面

最新推荐文章于 2024-05-22 15:04:33 发布

最新推荐文章于 2024-05-22 15:04:33 发布 · 4.6k 阅读

文章标签：

#JS跳转 #JQ跳转 #location #URL跳转

境-JS 专栏收录该内容

197 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery实现网页URL跳转的方法。通过修改`window.location`属性或利用jQuery来改变页面地址，可以实现平滑且不留下浏览器历史记录的跳转效果。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>URL跳转</title>
</head>
<body>
<script type="text/javascript" src="jquery-1.10.1.min.js" ></script>
<script>
//隐藏转跳，浏览器不产生历史记录(replace)
//window.location.replace("http://onestopweb.iteye.com/");
//当然我们还不能忘记常用的a标签(href)
//window.location.href = "http://onestopweb.iteye.com/";
//JQ跳转
$(location).attr('href','http://onestopweb.iteye.com/');
</script>
</body>
</html>

效果图：