html如何实现网页跳转-html tutorial-php.cn

html如何实现网页跳转

醉折花枝作酒筹

Lepaskan： 2023-01-05 16:07:16

asal

20523 orang telah melayarinya

方法：1、使用meta标签，语法“”；2、使用a标签，语法“”；3、使用javascript跳转，语法“window.location.href='网页地址'”。

html如何实现网页跳转

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

1、html中使用meta中跳转，通过meta可以设置跳转时间和页面

<head>
<!--只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="5">
<!--定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=index.html"> 
</head>

Salin selepas log masuk

2、a标签直接跳转

<a href="http://baidu.com">百度一下</a>

Salin selepas log masuk

3、通过javascript中实现跳转

// 直接跳转
window.location.href=&#39;index.html&#39;;
// 定时跳转
setTimeout("javascript:location.href=&#39;index.html&#39;", 5000);

Salin selepas log masuk

其实两种方式是类似的，只是有的在javascript中写的跳转，另一种直接从html中写跳转

<button id="load" οnclick="window.location.reload(&#39;/html/index.html&#39;)">跳转</button>

Salin selepas log masuk

补充说明：html跳转上一页的方式

window.history.go(-1)；或者window.history.back(-1)；

在html中写

<a href=”#” onClick=”JavaScript :history.back(1);”>返回上一页</a>
<a href=”#” onClick=”javascript :history.Go(-1);”>返回上一页</a>

Salin selepas log masuk

在javascript中写跳转上一页

<p id="btn">按钮</p>

Salin selepas log masuk

<script type="text/javascript">
    var wrong = document.getElementById(&#39;btn&#39;);
    wrong.onclick = function() { 
	window.history.go(-1);//返回上一页
	window.history.back(-1);//返回上一页
   }
</script>

Salin selepas log masuk

推荐学习：html视频教程

Atas ialah kandungan terperinci html如何实现网页跳转. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

html如何实现网页跳转