html 或者HTML5 加上js能获取手机设备的id号吗

JavaScript021

html 或者HTML5 加上js能获取手机设备的id号吗,第1张

可以!

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方法获得元素的值相同。