DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript來實現打開鏈接頁面的簡單實例
JavaScript來實現打開鏈接頁面的簡單實例
編輯:關於JavaScript     

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

1.使用window的open方法打開鏈接,這裡可是在制定頁面中打開鏈接,也可以定制打開頁面的尺寸等等。

<a href=”javascript:window.open(‘http://www.jb51.net','_self') “> open a link 1</a><br/>

2.使用document.URL屬性來打來新的頁面。不夠這種方法似乎在firefox中不起作用。

<a href=”javascript:document.URL = ‘http://www.jb51.net' “> open a link 2</a><br/>

3.使用location的屬性href來打開鏈接。

<a href=”javascript:window.location.href='http://www.jb51.net'”> open a link 3 </a><br/>

4.使用location的方法assign來打開鏈接,這個效果和前面一種方式一樣。

<a href=”javascript:window.location.assign(‘http://www.jb51.net')”> open a link 4</a><br/>

5.使用location的方法replace來打開鏈接,和前面的assign方式稍有不同,其不同之處在於,使用replace時被替代掉的頁面的URL將不會進入history對象中,也就是說無法通過後退的方式來回到被替換的頁面。

<a href=”javascript:window.location.replace(‘http://www.jb51.net')”> open a link 5</a><br/>

6.正常的鏈接,當然這才是對搜索引擎最為友好的方式,也可以做指定鏈接打開的窗口。只有這樣才能使被鏈接的頁面被搜索引擎的蜘蛛所有抓取。

<a href=”http://www.jb51.net”> open a link 5</a><br/>

以上這篇JavaScript來實現打開鏈接頁面的簡單實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved