这种方式的好处在于直观、方便,但是缺点在于页面会出现刷新的情况,可以使用禁用浏览器的默认事件来防止。
也可以使用js控制页面跳转
在html中 为某个标签添加点击事件
在js中 可以使用如下方法来跳转页面
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文件,点击按钮,查看实现的效果。
要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码
JS跳转大概有以下几种方式:
第一种:(跳转到b.html)<script language="javascript" type="text/javascript">
window.location.href="b.html"
</script>
第二种:(返回上一页面)
<script language="javascript">
window.history.back(-1)
</script>
第三种:
<script language="javascript">
window.navigate("b.html")
</script>
第四种:
<script language="JavaScript">
self.location=’b.html’
</script>
第五种:
<script language="javascript">
top.location=’b.html’
</script>