題目6：
如何獲取元素的真實寬高放椰？
<style>
.box {
width: 300px;
height: 200px;
margin: 0 auto;
border: 1px solid;
}
</style>
<div class="box"></div>
<script>
var box = document.querySelector(".box");
window.getComputedStyle(box).width //"300px"
//返回元素最終計算的寬度
window.getComputedStyle(box).height //"200px"
//返回元素最終計算的高度
</script>
題目7：
URL 如何編碼解碼沽翔？為什么要編碼路操？
編碼：
- encodeURI()
- encodeURIComponent()
解碼：
- decodeURI()
- decodeURIComponent()
區(qū)別
encodeURI方法不會對下列字符編碼
- ASCII字母
- 數(shù)字
- ~!@#$&*()=:/,;?+'
encodeURIComponent方法不會對下列字符編碼
- ASCII字母
- 數(shù)字
- ~!*()'
*所以encodeURIComponent比encodeURI編碼的范圍更大源譬。
作用
encodeURI('http://book.jirengu.com/fe/前端基礎(chǔ)/Javascript/bom.html')
/*
"http://book.jirengu.com/fe/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/Javascript/bom.html"
訪問這個URL缩幸，用 encodeURI() 函數(shù)壹置，
把中文或其他的特殊字符編碼，讓瀏覽器能識別整段URL
*/
encodeURIComponent("http://book.jirengu.com/fe/前端基礎(chǔ)/Javascript/bom.html")
/*
"http%3A%2F%2Fbook.jirengu.com%2Ffe%2F%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%2FJavascript%2Fbom.html"
把這個URL放入到另一個URL中的時候表谊，就要用 encodeURIComponent() 函數(shù)了钞护，
因為需要把 / = ? 這些特殊字符也編碼，否則就容易出問題
*/
題目8：
補(bǔ)全如下函數(shù)爆办，判斷用戶的瀏覽器類型
function isAndroid(){
return /Android/i.test(navigator.userAgent)
}
function isIphone(){
return /iphone/i.test(navigator.userAgent)
}
function isIpad(){
return /ipad/i.test(navigator.userAgent)
}
function isIOS(){
return /ios/i.test(navigator.userAgent)
}
