使用meta實現網頁跳轉程式碼例項

admin發表於2017-02-11

實現網頁的跳轉功能可以使用就javascript,如果不追求良好的展現效果的話,比如倒數計時之類的,使用meta標籤也可以實現此功能,程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="Refresh" content="5;url=http://www.softwhy.com"> 
<title>螞蟻部落</title> 
<style type="text/css">  
#box{
  width:150px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:12px;
  background-color:#ccc;
  margin:0px auto;
}
</style>  
</head>  
<body>  
<div id="box">5秒後進行網頁跳轉</div>
</body>  
</html>

以上程式碼可以使網頁在5秒之後跳轉到螞蟻部落。

相關文章