1. 程式人生 > >在一個div上鍊接另一網址

在一個div上鍊接另一網址

1.通過window.open函式
<div onclick="window.open('www.baidu.com')">在新視窗跳轉至百度</div>
<div onclick="window.open('www.baidu.com','_self')">在當前視窗跳轉至百度</div>
2.通過window.location.href函式
<div onclick="window.location.href= 'www.baidu.com';return false">在當前視窗跳轉至百度</div>

現在做網頁,通常用 div 當作容器。這裡可以把一個 div 理解為一個 delphi 的 TPanel。

在 Delphi 裡面,可以用 Panel 套 Panel 的方式來佈局,然後設定各個 Panel 的 Align 屬性。

現在 html5 的網頁開發,是拿 div 套 div 來佈局。然後用 css 來定義 div 該怎麼擺。因此,這裡就是多層 div 巢狀。

假設要對某一層 div 做一個連結,點選後會導航到另外一個連結地址。這時候,不能給 div 外面寫 <a href="xxxxx"> 這種程式碼。如果這樣寫,會破壞 div 的巢狀框架,搞亂頁面佈局。