可以!
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、首先我们选择创建一个新的html5页面并完成初始化代码。
2、创建两个新的输入标记,一个用于用户输入变量,另一个用于用户更改变量的值。
3、编写脚本标记,将js代码写入内部,我们通过js获得两个输入标记元素。
4、执行按钮标记的click事件功能,也就是说,当用户单击“加一”按钮时,将调用此函数。
5、在函数中,我们首先将变量转换为数字,然后在数字中加一,以实现用js更改html变量的功能。
6、要刷新下一页,我们输入数字“18”并单击“加一”按钮。
7、我们可以看到输入框中变量的值变为19,变量的值变为js。