分类站长必备下的文章

判断终端是手机还是电脑端并页面跳转

时间：2022-06-25
分类：html资源
阅读：次

跳转适配这个是前端开发中必须用的，这里就抄2段。
一.通用情况

<script type="text/javascript" >
 function browserRedirect() {
      var sUserAgent= navigator.userAgent.toLowerCase();
      var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";
      var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";
      var bIsMidp= sUserAgent.match(/midp/i) == "midp";
      var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
      var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";
      var bIsAndroid= sUserAgent.match(/android/i) == "android";
      var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";
      var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile";
      if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
           window.location= 'http://m.cjlit.com';
      } else {
      }
  }
  browserRedirect();//调用自身，页面一打开就开始跳转
</script>

二.腾讯网适配

//腾讯网的适配代码
　　<script type="text/javascript">
　　var browser = {
　　versions : function() {
　　var u = navigator.userAgent, app = navigator.appVersion;
　　return {//移动终端浏览器版本信息
　　trident : u.indexOf('Trident') > -1, //IE内核
　　presto : u.indexOf('Presto') > -1, //opera内核
　　webKit : u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
　　gecko : u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
　　mobile : !!u.match(/AppleWebKit.*Mobile.*/)
　　|| !!u.match(/AppleWebKit/), //是否为移动终端
　　ios : !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
　　android : u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
　　iPhone : u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
　　iPad: u.indexOf('iPad') > -1, //是否iPad
　　webApp : u.indexOf('Safari') == -1,
　　//是否web应该程序，没有头部与底部
　　google:u.indexOf('Chrome')>-1
　　};
　　}(),
　　language : (navigator.browserLanguage || navigator.language).toLowerCase()
　　}
　　document.writeln("语言版本: "+browser.language);
　　document.writeln(" 是否为移动终端: "+browser.versions.mobile);
　　</script>
　　//其他的适配代码（后缀名为.js 并引用至网页）
　　<script type="text/javascript">
　　//平台、设备和操作系统
　　var system = {
　　win: false,
　　mac: false,
　　xll: false,
　　ipad:false
　　};
　　//检测平台
　　var p = navigator.platform;
　　system.win = p.indexOf("Win") == 0;
　　system.mac = p.indexOf("Mac") == 0;
　　system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
　　system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
　　//跳转语句，如果是手机访问就自动跳转到" "里的页面
　　if (system.win || system.mac || system.xll||system.ipad) {
　　} else {
　　window.location.href = "此处填写你的链接地址";
　　}
　　</script>

谷歌浏览器console.log打印彩色字体

时间：2022-06-25
分类：html资源
阅读：次


console.log(
     `%c javar.cc %c 欢迎访问  %c`,
     'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
     'background:#41b883 ; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff',
     'background:transparent'
   )

Web文件管理系统elfinder

时间：2022-06-25
分类：html资源
阅读：次

elfinder是一款支持在线文件管理的系统服务，基于php语言开发，采用jquery-JS与jquery-UI库，并且能支持多国语言，开源项目。

记得把php文件中的connector.minimal.php-dist 修改后缀为PHP

elFinder-2.1.51.zip

https://studio-42.github.io/elFinder/#elf_l1_Lw

html5播放器

时间：2022-06-25
分类：html资源
阅读：次

jQuery+HTML5+css3+bootstrap实现的MP4网页视频播放器代码，支持手机观看，原生代碼

html5css3player.rar

html5上传

时间：2022-06-25
分类：html资源
阅读：次

<!DOCTYPE html>

<html>

<head>

    <title>Html5 Ajax 上传文件</title>

    <script type="text/javascript">



        function UpladFile() {
            console.log(11)


            var fileObj = document.getElementById("file").files[0]; // 获取文件对象

            var FileController = "http://localhost:8080/Javar-fast/oss/files/upload";                    // 接收上传文件的后台地址 

           

            // FormData 对象

            var form = new FormData();

            form.append("author", "chenji");                        // 可以增加表单数据

            form.append("file", fileObj);                           // 文件对象



            // XMLHttpRequest 对象

            var xhr = new XMLHttpRequest();

            xhr.open("post", FileController, true);

            xhr.onload = function () {

                alert("上传完成!");

            };

            xhr.send(form);



        }

</script>

</head>

<body>
    
<input type="file" id="file" name="myfile" />

<input type="button" onclick="UpladFile()" value="上传" />
<br>
<br>
<br>
<br>
<br>
<br>
<br>
https://www.172u.cn/ 一起遨游网提供
</body>

</html>