可以!
1、使用mobile-detect.js
2、html
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/htmlcharset=UTF-8"/>
<metaname="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>JS获取手机型号和系统</title>
</head>
<body>
</body>
<script src="jquery.js"></script>
<script src="mobile-adapt.js"></script>
<script>
//判断数组中是否包含某字符串
Array.prototype.contains=function(needle){
for(iinthis){
if(this[i].indexOf(needle)>0)
returni
}
return-1
}
vardevice_type=navigator.userAgent//获取userAgent信息
document.write(device_type)//打印到页面
varmd=newMobileDetect(device_type)//初始化mobile-detect
varos=md.os()//获取系统
varmodel=""
if(os=="iOS"){//ios系统的处理
os=md.os()+md.version("iPhone")
model=md.mobile()
}elseif(os=="AndroidOS"){//Android系统的处理
os=md.os()+md.version("Android")
varsss=device_type.split("")
vari=sss.contains("Build/")
if(i>-1){
model=sss[i].substring(0,sss[i].indexOf("Build/"))
}
//判断是否是oppoR9s
if(model="OPPOR9s"){
alert('您的手机是OPPOR9s')
}
if(model=="MI6"){
alert('您的手机是小米6')
}
}
alert('111'+model+'2222')//打印系统版本和手机型号
</script>
</html>
1、在我们的电脑上打开软件,新建一个html页面。
2、在html页面创建一个id为xx,值为666的文本框,通过varv=document.getElementById('xx').value原生js方法来获取文本框的值。
3、在script中加上alert(v),来弹框查看原生js方法是否根据id获取元素的值了。
4、在浏览器中运行项目,可以看到页面弹框的值是id为xx的元素的值,已经成功通过原生js方法根据id获取元素。
5、jquery方法需要先添加jquery.js,然后通过varw=$('#xx').val()来获取元素的值。
6、我们运行项目,在浏览器中可以看到与原生js方法获得元素的值相同。