萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

在新視窗開啟的跳轉選單:window.open 實作教學

詳細介紹使用 window.open 實現「在新視窗開啟的跳轉選單」,具體代碼如下:

<div>
  <select onchange="if (this.selectedIndex!=0) window.open(this.value)">
    <option selected="selected">友情連結:</option>
    <option value="https://www.baidu.com">百度</option>
    <option value="https://www.google.com">谷歌</option>
  </select>
</div>

核心邏輯:onchange 事件中判斷 selectedIndex != 0(排除預設提示項),符合條件則 window.open(this.value) 在新視窗開啟對應網址。簡潔實用,適合友情連結、快速導航等場景。

copyright © 萬盛學電腦網 all rights reserved