正在读取数据,页面载入中,请稍后...

解决PHP网页跳转新页面空白问题

解决PHP网页跳转新页面空白问题 - 全民博客

一个页面自动跳转到另外网站,在index.php中做PHP跳转,PHP跳转到指定页面,PHP跳转页面代码,PHP跳转到另一个页面,PHP页面出现空白解决方法。

在PHP中,使用header()函数,可以从一个页面,跳转到另一个页面,无论是自己的网站,还是别人的网站,在网络延迟的情况下,都均会出现页面空白问题,比如,下面的代码,跳转时就会出现短暂的页面空白。

<?php
header('Location: http://nidecms.com/');
?>

本站、新页面、其它站网址,都是使用这个代码,这个是最简单、最直接、最快速、也是最常用的跳转方式。但是,当跳转的页面,出现打不开、有延迟、加载慢的时候,这个跳转的短板就出来了,一片空白,显示PHP空白页面,强迫症来了,看着就非常的不爽。为此,小千给这段代码,小改了一下,加一个页面加载中,这样就不会出现页面空白了。分享代码如下

<?php
error_reporting(0);
header('Content-type:text/html;charset=utf-8');
echo '<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面加载中...</title>
</head>
<body>
<style>
#loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:9999;display:flex;justify-content:center;align-items:center}
#loader{width:20px;height:20px;border:3px solid #f7a7a7;border-top-color:#1068ec;border-radius:50%;animation:spin 1s infinite linear;display:flex;justify-content:center;align-items:center}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
</style>
<div id="loading">
  <div id="loader">
  </div>
</div>
</body>
</html>';
//header('Location: /ciku.php');//跳转到新页面
//header('Location: http://nidecms.com/');//直接跳转
header('Refresh:5;url=http://nidecms.com/');//延迟5秒后跳转
exit();
?>

非常简单的代码,虽然说在加载的时候,会消耗点流量,也可以说是无用的代码,但是,当你要跳转的网站,出现打不开、加载慢、有延迟的时候,你会发现,这个页面预加载有多重要。经常遇到这样的问题,记录一下,以后可以直接拿来用。

本文结束

评论专区

发表评论

评论列表(无评论)