分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

js工具函数

发布时间:2023-09-06 02:15责任编辑:赖小花关键词:js

checkVersion.js(检查浏览器类型)
function checkVersion(){
???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.*/), //是否为移动终端
?????ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
?????android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Adr‘) > -1, //android终端
?????iPhone: u.indexOf(‘iPhone‘) > -1 , //是否为iPhone或者QQHD浏览器
?????iPad: u.indexOf(‘iPad‘) > -1, //是否iPad
?????webApp: u.indexOf(‘Safari‘) == -1, //是否web应该程序,没有头部与底部
?????weixin: u.indexOf(‘MicroMessenger‘) > -1, //是否微信
?????qq: u.match(/\sQQ/i) == " qq", //是否QQ
?????app: u.indexOf(‘tiantianApp‘) > -1 //是否在app内
???};
?}
?function allUrl(){
???return ‘https://www.tiantianyuyin.com‘;
?}


rem750.js (ren布局)
var layout_width = 750;
(function(doc, win) {
???var docEl = doc.documentElement,
???????resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘,
???????recalc = function() {
???????????var clientWidth = docEl.clientWidth;
???????????if (!clientWidth) return;
???????????if (clientWidth >= layout_width) {
???????????????docEl.style.fontSize = ‘100px‘;
???????????} else {
???????????????docEl.style.fontSize = 100 * (clientWidth / layout_width) + ‘px‘;
???????????}
???????};

???if (!doc.addEventListener) return;
???win.addEventListener(resizeEvt, recalc, false);
???doc.addEventListener(‘DOMContentLoaded‘, recalc, false);
})(document, window);





js工具函数

原文地址:https://www.cnblogs.com/geekjsp/p/9699248.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved