实例JavaScript代码

实例JavaScript代码

本例定义了两个JavaScript函数，功能都是重定向到首页，但是第一个函数采用的是直接给href赋值的方式，第二个使用的是replace方法。具体请看下面的代码：

<script type="text/javascript">
	function goBack(){
		location.href = "http://www.baidu.com/";
	}
	function goBackRep(){
		location.replace("http://www.baidu.com/");
	}
</script>

HTML代码

<p>
	点击后面的按钮就可以使得页面转向首页，
    可以点击浏览器的后退按钮返回本页。
    使用的方法是直接给location.href赋值。
</p>
<button οnclick="goBack(); return false;" value="重定向到首页">
	重定向到首页</button>
<p>
	点击后面的按钮就同样会跳转到首页，但是
	由于是使用location.replace的方法，所以不能
	通过浏览器的后退按钮返回本页。
</p>
<button οnclick="goBackRep(); return false;" value="重定向到首页(不能返回)" >

效果

可以点击浏览器的后退按钮返回本页。 使用的方法是直接给location.href赋值。

但是 由于是使用location.replace的方法，所以不能 通过浏览器的后退按钮返回本页。