TP5实现改写跳转提示页面及移动端和pc端跳转提示页面加载的区别

最新推荐文章于 2024-03-19 19:53:47 发布

xingxingwuxin

最新推荐文章于 2024-03-19 19:53:47 发布

阅读量541

点赞数

文章标签： golang 开发语言后端

本文链接：https://blog.csdn.net/fzxyxf1314/article/details/85059985

版权

我使用的是Tp5框架，Tp5连接的跳转提示页面的改写和Tp3的的有异曲同工之妙，首先还是先看一下TP框架中自带的跳转提示页面的代码吧，话不多说，直接上干货：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<title>跳转提示</title>
</head>
<body>
<script src="__index__/js/jquery-3.1.1.js"></script>
<script src="__index__/layer/mobile/layer.js"></script>

<script type="text/javascript">
(function(){
var msg = '<?php echo(strip_tags($msg));?>';
var url = '<?php echo($url);?>';
// 去除.html
url = url.replace(/\.html/, "");
var wait = '<?php echo($wait);?>';
<?php
switch ($code) {
case 1:
?>
// layer.msg(msg,{icon:"6",time:wait*1000});
layer.open({type: 2});
<?php
break;
case 0:
?>
layer.open({
type: 2
,content: '加载中'
});
<?php
break;
}
?>
setTimeout(function(){
location.href=url;
},1000)
})();
</script>
</body>
</html>

下面进行改写，首先CSS的东西都可以直接删掉，那个几乎没有什么作用，我使用的替换的跳转提示的是层插件，这个插件做的还是不错的，官网：layer.layui.com/，想看的请同志们左拐

1.下载层插件，进行解压，解压之后的文件包如下：

解压之后包含这三个主要的文件，其中我们需要引入到文件中的是layer.js

但是千万不要忘记引入了的jquery.js

就这样改写成功了

二、移动端和pc端跳转提示页面加载的区别

可以直接在复制一份跳转页面的代码更改一下配置文件的路径就可以实现了，

这样移动端和pc端就都可以了，是不是特简单^_^

xingxingwuxin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
TP5实现改写跳转提示页面及移动端和pc端跳转提示页面加载的区别

我使用的是Tp5框架，Tp5连接的跳转提示页面的改写和Tp3的的有异曲同工之妙，首先还是先看一下TP框架中自带的跳转提示页面的代码吧，话不多说，直接上干货：&lt;html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;meta n...
复制链接

扫一扫