本篇文章給大家分享的是有關使用javascript怎么實現點擊按鈕跳轉,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
成都創(chuàng)新互聯專注于企業(yè)營銷型網站建設、網站重做改版、同德網站定制設計、自適應品牌網站建設、H5場景定制、商城網站建設、集團公司官網建設、成都外貿網站制作、高端網站制作、響應式網頁設計等建站業(yè)務,價格優(yōu)惠性價比高,為同德等各大城市提供網站開發(fā)制作服務。
javascript是一種動態(tài)類型、弱類型的語言,基于對象和事件驅動并具有相對安全性并廣泛用于客戶端網頁開發(fā)的腳本語言,同時也是一種廣泛用于客戶端Web開發(fā)的腳本語言。它主要用來給HTML網頁添加動態(tài)功能,現在JavaScript也可被用于網絡服務器,如Node.js。
方法1:在按鈕元素上直接使用location.href
進行跳轉
<input type="submit" name="Submit" value="同意" onclick="location.href='http://www.php.cn'">
方法2:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <button>點點點</button> <div></div> <script> var btn = document.querySelector('button') var div = document.querySelector('div') btn.addEventListener('click', function () { // location.href = 'http://www.baidu.com'; var timer = 5; setInterval(function () { if (timer == 0) { location.href = 'http://www.php.cn'; } else { div.innerHTML = '你還有' + timer + '秒就可以跳轉了'; timer-- } },1000) /* setInterval(function(){ div.innerHTML = '你還有' + timer + '秒就可以跳轉了' timer--; },1000) */ }); </script> </body> </html>
以上就是使用javascript怎么實現點擊按鈕跳轉,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注創(chuàng)新互聯行業(yè)資訊頻道。
網頁標題:使用javascript怎么實現點擊按鈕跳轉
標題網址:http://www.rwnh.cn/article20/jespjo.html
成都網站建設公司_創(chuàng)新互聯,為您提供ChatGPT、手機網站建設、自適應網站、電子商務、移動網站建設、網站內鏈
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯