010.PNG
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
筆記本剩余的電量<meter value="6" min="0" max="10"></meter>
<br>
<br>
已經(jīng)完成的進(jìn)度<progress value="8" max="10"></progress>
<br>
<br>
<h3>audio標(biāo)簽</h3>
<audio src="music.mp3" controls="true"></audio>
<br>
<br>
<h3>video標(biāo)簽</h3>
<video src="Welcome.mp4" controls="true"> 當(dāng)您看到這行文字時徘跪，意味著您的設(shè)備不支持video標(biāo)簽 </video>
</body>
</html>
- 新增的API荐开，檢測網(wǎng)絡(luò)監(jiān)聽和獲取定位信息
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML監(jiān)聽網(wǎng)絡(luò)狀態(tài)</title>
</head>
<body>
<script type="text/javascript">
window.addEventListener('online', function() {
alert('網(wǎng)絡(luò)連接已建立吧寺！');
});
window.addEventListener('offline', function() {
alert('網(wǎng)絡(luò)連接已斷開锌钮！');
});
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(successCallback,errorCallback);
}
function successCallback(position){
var longitude = position.coords.longitude;
var latitude = position.coords.latitude;
alert("經(jīng)度=" + longitude + "琼蚯，緯度=" + latitude);
}
function errorCallback(error) {
alert("獲取用戶位置失敗");
}
</script>
</body>
</html>
