javascript中location.href实现页面重定向

javascript中location.href实现页面重定向

www.111cn.net 编辑:kp12345 来源:转载

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

width="300" height="250" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" id="aswift_0" name="aswift_0" style="left: 0px; position: absolute; top: 0px;">

id="cproIframe_u1339684_1" width="300" height="250" src="http://pos.baidu.com/acom?adn=3&at=134&aurl=&cad=1&ccd=24&cec=GBK&cfv=17&ch=0&col=zh-CN&conOP=0&cpa=1&dai=1&dis=0&layout_filter=rank%2Ctabcloud&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3Duq6WlSJBj13rT-JQYN8T_QQtnIUpzoe9RPUZPC3AYFxNBp6vOn5jkB9LkPahwHgnoX6kFgZZoyrG6O0cP4uLAK%26wd%3D%26eqid%3Ddbd074aa00015d630000000555a61683&ltu=http%3A%2F%2Fwww.111cn.net%2Fwy%2Fjs-ajax%2F43685.htm&lunum=6&n=mailangel123_cpr&pcs=1173x589&pis=10000x10000&ps=434x437&psr=1440x900&pss=1173x725&qn=2c81635490914222&rad=&rsi0=300&rsi1=250&rsi5=4&rss0=%23FFFFFF&rss1=%23FFFFFF&rss2=%230000FF&rss3=%23444444&rss4=%23008000&rss5=&rss6=%23e10900&rss7=&scale=&skin=&td_id=1339684&tn=text_default_300_250&tpr=1436948877941&ts=1&version=2.0&xuanting=0&dtm=BAIDU_DUP2_SETJSONADSLOT&dc=2&di=u1339684&ti=javascript%E4%B8%ADlocation.href%E5%AE%9E%E7%8E%B0%E9%A1%B5%E9%9D%A2%E9%87%8D%E5%AE%9A%E5%90%91-js%E6%95%99%E7%A8%8B-%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C-%E5%A3%B9%E8%81%9A%E6%95%99%E7%A8%8B%E7%BD%91&tt=1436948877925.17.387.391" align="center,center" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true">

具体请看下面的代码：

代码如下	复制代码
<script type="text/javascript">  function goBack(){   location.href = "http://www.111cn.net/";  }  function goBackRep(){   location.replace("http://www.111cn.net/");  } </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赋值。