利用javascript装载另外的html页面

柔光的暖阳◎ 2022-05-08 17:56 542阅读 0赞

### 在加载时重定向到其他页面 ###

通过使用**JavaScript**的一些方法可以重定向页面。如果你想跨浏览器使用JavaScript的重定向脚本，最好用下面的方法。

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>window.location.href = url;</code></pre> <p>&nbsp;</p> </td> 
   <td> <p>&nbsp;</p> </td> 
  </tr> 
 </tbody> 
</table>

例子

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>window.location.href = "http://net-informations.com";</code></pre> <p>&nbsp;</p> </td> 
   <td> <p>&nbsp;</p> </td> 
  </tr> 
 </tbody> 
</table>

在JavaScript里，可以使用window.location对象装载其他页面。

例子

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>window.location = "http://net-informations.com";</code></pre> <p>&nbsp;</p> </td> 
   <td> <p>&nbsp;</p> </td> 
  </tr> 
 </tbody> 
</table>

### window.location 和location.href的不同点 ###

*  window.location 是一个对象，可掌握当前文档位置的全部信息，包括：host, href, port, protocol 等等。
 *  location.href 是window.location.href的简写(从全局对象window调用location，就是window.location.href)，并且仅仅是当前网站的全部URL字符串。

### 其他的JavaScript重定向方法 ###

赋值给当前窗口一个新的URL。

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>window.location.assign("http://net-informations.com");</code></pre> <p>&nbsp;</p> </td> 
   <td> <p>&nbsp;</p> </td> 
  </tr> 
 </tbody> 
</table>

用新的位置替换当前窗口的location。

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>window.location.replace("http://net-informations.com");</code></pre> <p>&nbsp;</p> </td> 
   <td> <p>&nbsp;</p> </td> 
  </tr> 
 </tbody> 
</table>

设置当前窗口自己的位置location。

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>self.location = "http://net-informations.com";</code></pre> <p>&nbsp;</p> </td> 
   <td> <p>&nbsp;</p> </td> 
  </tr> 
 </tbody> 
</table>

设置当前窗口的最顶端窗口的位置location。

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>top.location = "http://net-informations.com";</code></pre> <p>&nbsp;</p> </td> 
   <td> <p>&nbsp;</p> </td> 
  </tr> 
 </tbody> 
</table>