接上篇，已經實現了上面是純文字“圖片”下面是文字的效果，但是有個問題是“圖片”沒有超鏈接，點擊沒反應，體驗不太好，于是想著把“圖片”(實際是文字)加上超鏈接。最簡單的方法是加標簽，但是測試后發現點擊鏈接的瞬間圖片中的文字會變色，而且會有下劃線。然后想著能不能給“圖片”外的整個DIV加超鏈接，發現可以通過通過window.location.href函數來實現：

在當前窗口跳轉至百度

看起來很簡單，但是我在這里摸索了好長時間，問題就出在PHP的echo輸出不能有嵌套單引號。

echo的輸出一般是這樣：echo ‘

單引號里面再嵌套單引號會報錯，如下：

echo ‘

‘ ;

我試圖去掉單引號或者把單引號改成雙引號，發現不會報錯了，但是點擊不會跳轉。

后來的解決辦法是把單引號的內容放在變量里，這樣形式上echo里沒有嵌套單引號了，問題得到解決。把$bookmark->link_url加上單引號放到linkimg里，代碼如下：

$linkimg = "'".$bookmark->link_url. "'";

echo '

' . $bookmark->link_name . '' . $bookmark->link_name . '';

$linkimg = "'".$bookmark->link_url. "'";echo '

' . $bookmark->link_name . '' . $bookmark->link_name . '';

總結

以上是生活随笔為你收集整理的div添加html链接,DIV添加超链接小记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。