利用JQuery实现HTML页面跳转

最新推荐文章于 2024-07-26 03:34:32 发布

转载最新推荐文章于 2024-07-26 03:34:32 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yankchina/archive/2010/03/23/1692703.html

文章标签：

#javascript #php #ViewUI

本文介绍如何使用JQuery简化HTML页面间的跳转操作。通过一个简单的示例，演示了从父目录的index.html页面跳转到子目录A或B下的sample.html页面的方法。

利用JQuery可方便地实现HTML页面跳转。比如建立两个子目录A，B，每个子目录中都有一个sample.html文件。在父目录中编写一个index.html文件，在其页面 Head 区域导入JQuery ，并编写对应 Javascript，即可实现点击 index.html 跳转到对应目录的 sample.html 上。样例代码如下：

<script language="javascript">
$(document).ready(function(){
	// window.location.href='./A/index.html'; // 跳转到A目录
	window.location.href='./B/index.html'; // 跳转到B目录
});
</script>

转载于:https://www.cnblogs.com/yankchina/archive/2010/03/23/1692703.html