1、新建一个html文件,命名为test.html。
2、在test.html文件内,创建一个div模块,并设置其id属性为mydiv,用于下面使用js获得标签对象。
3、在test.html文件内,在div标签内,填写一段文字,并加入一个span标签。
4、在test.html文件内,创建一个button按钮,按钮名称为“获取html”。
5、给button绑定onclick点击事件,当按钮被点击时,执行myfun()函数。
6、在test.html文件内,在js标签内,创建myfun()函数,在函数内,使用getElementById()方法获得div对象,通过innerHMTL属性获得div内的html内容,最后,使用alert方法将获得的html内容以弹窗形式显示
7、在浏览器打开test.html文件,点击按钮,查看获得的html标签内容。
1、新建一个html文件,命名为test.html。
2、在test.html文件中,使用script标签加载jquery.min.js文件,成功加载该文件,才能使用jquery方法。
3、在js标签内,在页面加载完成时,获取body对象,使用append()方法向body动态添加一个div元素。
4、在test.html文件中,使用button标签创建一个按钮,按钮名称为“获取id值”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getid()函数。
6、在js标签内,创建getid()函数,在函数内,通过元素名称获得div对象,使用attr()方法获得动态添加div的id值,并使用alert()方法将值输出。
7、在浏览器打开test.html文件,点击按钮,查看结果。
可以!
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>