把整個DIV變成超鏈接

    在網頁中,常常需要使用到超級鏈接。一般情況下,使用超級鏈接僅需要使用到<a>標籤就可以實現了。比如,如下是一個簡單的鏈接:<a href=www.dzwebs.net target="_blank">大衆計算機的超鏈接</a>

    然而,有的時候,我們需要佈局整個頁面的各種對象,因此,需要使用到標籤DIV,問題也出在這裏,因爲DIV標籤本身不具備超鏈接功能。

    很多時候,DIV僅僅是一個佈局對象,說得直接點,DIV只是一個容器,裏面可以容納各種對象,包括超鏈接。而DIV中的超鏈接對象範圍比較小,哪裏有圖片、哪裏有文字,纔可以設置成爲超鏈接。

    如下的代碼,就是在DIV內部添加超鏈接。<div><a href="#" target="_blank">在div內部的鏈接</a></div>我們關注的問題是,我們能不能就把整個DIV對象變成超鏈接,而不是隻設置DIV內部的對象爲超鏈接。本人經過研究,終於發現,可以使用DIV裏面的onclick屬性,將onclick本身變成一個超鏈接。

   下面給你一個實例,注意看:<div onclick="location.href='http://www.dz37w.com';">div整個都是超鏈接</div>通過如上的方法,就可以實現本教程要的效果。但是,缺陷在於,你所使用的瀏覽器必須支持javascript腳本的運行,否則就行不通,好在很多瀏覽器都支持該腳本的運行。  

    









本文轉自:http://www.dzwebs.net/3756.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章