這篇文章主要介紹“html怎么實現網址跳轉”,在日常操作中,相信很多人在html怎么實現網址跳轉問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”html怎么實現網址跳轉”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
html跳轉代碼:1、“<meta http-equiv="refresh" content="秒數;url=網址">”;2、“<a href="網址">文本</a>”;3、“window.location.href = '網址';”。
本教程操作環境:windows7系統、HTML5&&javascript1.8.5版、Dell G3電腦。
HTML metal跳轉
在HTML頁中,可以使用meta標簽進入頁面的跳轉,此方法可以控制跳轉的時間,以及自由化的定義跳轉的網址
html跳轉代碼如下
<meta http-equiv="refresh" content="5;url=https://www.php.cn">
代碼解釋
看上在的代碼,meta 標簽中有一個content屬性,表示打開此頁面后,多少秒后開啟跳轉。還有個URL屬性,表示跳轉的網址
HTML中A標簽跳轉
HTML中的A標簽也可以看做為頁面跳轉的一種,只是通過鼠標點擊的方式進入跳轉
html A標簽跳轉代碼如下
<a href="https://www.php.cn">億速云</a>
javascript代碼跳轉
在網頁利用jjs也可以實現頁面的跳轉或定時跳轉
JS跳轉代碼如下
<script language="javascript" type="text/javascript"> // 以下方式直接跳轉 //億速云 window.location.href = 'https://www.php.cn/'; // 五秒以后再跳轉 setTimeout("javascript:location.href='https://www.php.cn'", 5000); </script>
到此,關于“html怎么實現網址跳轉”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。