if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
window.location.href ="https://itunes.apple.com/cn/app/1hao-yao-dian/id727578007?mt=8";
} else if (/(Android)/i.test(navigator.userAgent)) {
window.location.href ="https://itunes.apple.com/cn/app/1hao-yao-dian/id727578007?mt=8";
} else {
window.location.href ="http://www.111.com.cn/";
};
<script type="text/javascript">
// 懒人建站 http://www.51xuediannao.com/
function loadJsCss(filename, filetype){
if (filetype=="js")
{
var fileref=document.createElement('script')//创建标签
fileref.setAttribute("type","text/javascript")//定义属性type的值为text/javascript
fileref.setAttribute("src", filename)//文件的地址
}
else if (filetype=="css")
{
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
{
document.getElementsByTagName("head")[0].appendChild(fileref)
}
}
loadJsCss("css/base.js", "js") //打开页面时浏览器动态的加载js文件
loadJsCss("test.php", "js") // 打开页面时浏览器动态的加载"javascript.php" ,
loadJsCss("css/base.css", "css") //打开页面时浏览器动态的加载css 文件
</script>
复制代码
jascript中常见的几个兼容问题
1.获取前一个或后一个元素:
高级浏览器----------obj.previousElementSibling(前一个) obj.nextElementSibling (后一个);
兼容IE6、7、8-----obj.previousElementSibling(前一个) obj.nextSibling(后一个);
2.获取第一或最后一个元素:
高级浏览器----------父级.firstElementChild(第一个) 父级.lastElementChild (最后一个);
兼容IE6、7、8-----父级.firstChild(第一个) 父级.lastChild(最后一个);
3.获取滚动距离的:
document.documentElement.scroll+方向---------兼容IE和Firefox
document.body.scroll+方向------------------------兼容chrome
4.事件对象的兼容:
ev 兼容高版本浏览器
event 兼容IE和Chrome
5.事件委托:
oEvent.srcElement 兼容IE和Chrome
oEvent.target 兼容Firefox
6.事件绑定:
添加绑定 obj.addEventListener(sEv,fn,false)
删除绑定 obj.removeEventListener(sEv,fn,false) 兼容高版本浏览器
添加绑定 obj.attachEvent('on'+sEv,fn)
删除绑定 obj.detachEvent('on'+sEv,fn) 兼容Firefox
7.鼠标滚轮:
onmouseWheel 兼容Chrome和IE
oEvent.wheelDelta 获取方向
下 -120
上 120
DOMMouseScroll 兼容Firefox
oEvent.detail 获取方向
下 3
上 -3
8.onmouseover的bug:
oEvent.fromeElement 兼容IE和Chrome
oEvent.releateTarget 兼容高级浏览器
9.onmouseout的bug:
oEvent.toElement 兼容IE和Chrome
oEvent.releateTarget 兼容高级浏览器
function loadStyle (url) {
var flag = true;
if (flag) {
var style = document.createElement('style');
style.rel = 'stylesheet';
style.type ='text/css';
style.href = url;
document.getElementsByTagName('head')[0].appendChild(style);
};
}
动态加载脚本
function loadScript (url) {
var flag = true;
if (flag) {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
};
}
判断pc、iOS、Android设备
function checkPhone(){ var u=navigator.userAgent; return { trident:u.indexOf('Trident')>-1, presto:u.indexOf('Presto')>-1, 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/), android:u.indexOf('Android')>-1 || u.indexOf('Linux')>-1, iPhone:u.indexOf("iPod")>-1 || u.indexOf('iPhone')>-1, iPad:u.indexOf('iPad')>-1, webApp:u.indexOf('Safari')==-1 }; } //使用 var nav=checkPhone(); if(nav.iPhone || nav.iPad){ alert("IOS设备"); }else if(nav.android){ alert("安卓设备"); }else{ alert("可以按照PC设备处理了"); }