快捷導(dǎo)航

JS給按鈕添加跳轉(zhuǎn)功能類似a標(biāo)簽

更新時(shí)間：2017年05月30日 10:52:55 作者：loetca

這篇文章主要介紹了JS給按鈕添加跳轉(zhuǎn)功能類似a標(biāo)簽,需要的朋友可以參考下

方法

window.location.href = "要跳轉(zhuǎn)的URL";

或

window.location = "要跳轉(zhuǎn)的URL";

或

location = "要跳轉(zhuǎn)的URL";

示例

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>給按鈕添加跳轉(zhuǎn)功能【類似a標(biāo)簽】</title>
    <script type="text/javascript">
      window.onload = function(){
        document.getElementById("btn").onclick = function(){
          // window.location.;
          // window.location = "https://www.baidu.com/";
          location = "https://www.baidu.com/";
        };
      };
    </script>
  </head>
  <body>
    <input id="btn" type="button" value="百度一下，你就知道" />
  </body>
</html>

以上所述是小編給大家介紹的JS給按鈕添加跳轉(zhuǎn)功能類似a標(biāo)簽，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

您可能感興趣的文章:

相關(guān)文章

JS DOMReady事件的六種實(shí)現(xiàn)方法總結(jié)
下面小編就為大家?guī)硪黄狫S DOMReady事件的六種實(shí)現(xiàn)方法總結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
11個(gè)教程中不常被提及的JavaScript小技巧（推薦）
這篇文章主要介紹了11個(gè)教程中不常被提及的JavaScript小技巧，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
JS文件上傳時(shí)如何使用MD5加密
這篇文章主要介紹了JS文件上傳時(shí)如何使用MD5加密，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-10-10
JavaScript中錯(cuò)誤正確處理方式小結(jié)你用對(duì)了嗎
本文將會(huì)討論客戶端JavaScript中的錯(cuò)誤處理。主要介紹JavaScript中的易犯錯(cuò)誤、錯(cuò)誤處理、異步代碼編寫等內(nèi)容。下面就讓我們一起看看如何正確處理JavaScript中的錯(cuò)誤
2017-10-10
uniapp中如何修改圖標(biāo)和名稱
這篇文章主要給大家介紹了關(guān)于uniapp中如何修改圖標(biāo)和名稱的相關(guān)資料,uni-app是一個(gè)使用Vue.js開發(fā)跨平臺(tái)應(yīng)用的前端框架,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
2023-08-08
JavaScript中淺講ajax圖文詳解
ajax對(duì)于各位來說，應(yīng)該都不陌生，正因?yàn)閍jax的產(chǎn)生，導(dǎo)致前臺(tái)頁面和服務(wù)器之間的數(shù)據(jù)傳輸變得非常容易，同時(shí)還可以實(shí)現(xiàn)頁面的局部刷新。本文圖文并茂給大家介紹了js中ajax知識(shí)，需要的朋友一起學(xué)習(xí)吧
2016-11-11
js 判斷文件類型并控制表單提交示例代碼
判斷文件類型控制表單提交這些都是在客戶端實(shí)現(xiàn)的，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-11-11
JS異步加載的三種實(shí)現(xiàn)方式
本篇文章主要介紹了JS異步加載的三種實(shí)現(xiàn)方式，有些時(shí)候我們需要JS異步加載，這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下。
2017-03-03
微信小程序踩坑記錄之解決tabBar.list[3].selectedIconPath大小超過40kb
這篇文章主要給大家介紹了關(guān)于微信小程序踩坑記錄之解決tabBar.list[3].selectedIconPath大小超過40kb的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-07-07
ES2020 新特性(種草)
這篇文章主要介紹了ES2020 新特性(種草),文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01