html a標簽中的target屬性

編碼生活中，其實我真的很少注意到target這個屬性的；

在a標簽中，這個無非就是打開的一個方式罷了，默認是自己的窗口打開新的頁面；

特殊的目標

有 4 個保留的目標名稱用作特殊的文檔重定向操作：

_blank

瀏覽器總在一個新打開、未命名的窗口中載入目標文檔。

_self

這個目標的值對所有沒有指定目標的 <a> 標簽是默認目標，它使得目標文檔載入並顯示在相同的框架或者窗口中作為源文檔。這個目標是多余且不必要的，除非和文檔標題 <base> 標簽中的 target 屬性一起使用。

_parent

這個目標使得文檔載入父窗口或者包含來超鏈接引用的框架的框架集。如果這個引用是在窗口或者在頂級框架中，那么它與目標 _self 等效。

_top

這個目標使得文檔載入包含這個超鏈接的窗口，用 _top 目標將會清除所有被包含的框架並將文檔載入整個瀏覽器窗口。

請注意：

它其實還有一個比較特殊的屬性值，是我們忽略掉的；

<a href='url/index.html' id="urlJump" target="myHtml"></a>

 

我們可以自定義一個屬性值，例如：myHtml，這樣可以說是_blank的進階版，雖然都是打開一個新的頁面，

但是有這個自定義的屬性值的話，第一次點擊這個a標簽是打開新的窗口，后面再次或者多次點擊，瀏覽器都是切到這個已經打開的新的頁面，神奇吧。

 

其實在js語句中也有一樣功能的語句，那就是window.open()

window.open('url/index.html','myHtml')

可以達到一樣的目的；

 

另外, open函數的第二個參數還有幾種選擇:

_top : 如果頁面上有framesets,則url會取代framesets的最頂層, 即, 如果沒有framesets, 則效果等同於_self.

_parent: url所指向的頁面加載到當前frame的父親, 如果沒有則效果等同於_self.

_media : url所指向的頁面加載到Media Bar所包含的HTML代碼區域中.如果沒有Media Bar則加到本身.

 

如果還要添加其它的東西在新的窗口上, 則需要第三個參數:

channelmode : yes|no|1|0  (窗口顯示為劇場模式[全屏幕顯示當前網頁, 包括工具欄等],或頻道模式[一般顯示]).

directories :  yes|no|1|0 (是否添加目錄按鈕, 比如在IE下可能會有一個"鏈接"這樣的按鈕在最上面出現)

fullscreen : yes|no|1|0 (使瀏覽器處理全屏幕模式, 並隱藏標題欄和菜單等)

menubar : yes|no|1|0 (是否顯示瀏覽器默認的菜單欄)

resizeable : yes|no|1|0 (窗口是否可調整大小)

scrollbars : yes|no|1|0 (是否允許水平或垂直滑動條)

titlebar : yes|no|1|0 (是否添加一個標題欄)

toolbar : yes|no|1|0 (是否添加瀏覽器默認的工具欄)

status : yes|no|1|0 (是否顯示狀態欄)

location : yes|no|1|0  (是否顯示搜索欄)

copyhistory :  yes|no|1|0 (似乎已經廢棄, 如果只要工具欄顯示, 歷史按鈕就會顯示出來)

height : 窗口的高度, 最小值為100像素

width :  窗口的寬度, 最小值為w100像素

left : 窗口的最左邊相對於屏幕的距離