JavaScript 預覽連結 要如何修改

在網頁滑鼠移到連結上，在最下方會出現預覽的網址，以前是修改 status 或 statusbar (已經忘記，現在也沒辦法實驗了)

ex: <a href="" onmouseover="window.status='https://blog.longwin.com.tw';">link</a>

要怎麼作到滑鼠移到連結上，下面出現想要出現的文字呢？

JavaScript 預覽連結 要如何修改

現在想要更改滑鼠移到連結的資料，只能實際修改 a href 的值，但是修改完後，滑鼠移開要記得將 href 的值改回來。

點擊的時候，需要連到標準的位置，所以點擊要直接設定到點擊的位置。

因此，需要設定 onmouseover + onmouseout + onclick 來達成這件事情，如下述範例：

• 拆解 a link
  • <a href="#"
  • onmouseover="this.href='https://blog.longwin.com.tw';"
  • onmouseout="this.href='https://blog.longwin.com.tw/to';"
  • onclick="this.href='https://blog.longwin.com.tw/to';"
  • >link

參數說明

• onmouseover：要顯示的資料
• onmouseout：原始連結網址，實際要連到的地方
• onclick：原始連結網址，實際要連到的地方

相關網頁

• Window.status - Web APIs

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活. 檢視「Tsung」的全部文章