1. 程式人生 > >使用javascript開啟連結的多種方法

使用javascript開啟連結的多種方法

在頁面中的連結除了常規的方式以外,如果使用javascript,還有很多種方式,下面是一些使用javascript,開啟連結的幾種方式:

1.使用window的open方法開啟連結,這裡可是在制定頁面中開啟連結,也可以定製開啟頁面的尺寸等等。
<a href=”javascript:window.open(‘http://www.google.com’,'_self’) “> open a link 1</a><br/>

2.使用document.URL屬性來打來新的頁面。不夠這種方法似乎在firefox中不起作用。
<a href=”javascript:document.URL = ‘http://www.google.com’ “> open a link 2</a><br/>

3.使用location的屬性href來開啟連結。
<a href=”javascript:window.location.href=’http://www.google.com’”> open a link 3 </a><br/>

4.使用location的方法assign來開啟連結,這個效果和前面一種方式一樣。
<a href=”javascript:window.location.assign(‘http://www.google.com’)”> open a link 4</a><br/>

5.使用location的方法replace來開啟連結,和前面的assign方式稍有不同,其不同之處在於,使用replace時被替代掉的頁面的URL將不會進入history物件中,也就是說無法通過後退的方式來回到被替換的頁面。
<a href=”javascript:window.location.replace(‘http://www.google.com’)”> open a link 5</a><br/>

6.正常的連結,當然這才是對搜尋引擎最為友好的方式,也可以做指定連結開啟的視窗。只有這樣才能使被連結的頁面被搜尋引擎的蜘蛛所有抓取。
<a href=”http://www.google.com”> open a link 5</a><br/>