關於JavaScript的BOM

navigator

navigator是封裝瀏覽器的配置信息,是對象。navigator .cookieEnabled的作用是判斷是否啓用了cookie。cookie的作用是在客戶端硬盤持久保存用戶私密數據的小文件。navigator .plugins是檢查瀏覽器安裝的所有插件信息。然後呢我這裏有一個檢查自己瀏覽器安裝什麼視頻插件的例子:
function checkPlugins (pname) {
// 獲取navigator的plugins 得到的一個對象,保存在plugins、
var plugins = navigator.plugins;
// 遍歷plugins
for(var i = 0; i < plugins.length ; i ++){
// 如果當前插件的name屬性等於pname
if(plugins[i].name == pname){
// 返回true
return true;
}}
// 返回false
return navigator.plugins[pname] !== undefined;
}
document.write("

" + checkPlugins(‘優酷視頻’) + “

”);
這個優酷視頻可以改成任何視頻插件
navigator.userAgent 是包含瀏覽器名稱,內核和版本號的字符串 鑑別五大瀏覽器 瀏覽器的類型 版本 使用的操作系統…

screen

screen是頁面的位置信息。我們如何鑑定客戶端的種類呢?大屏的話是寬度大於等於1200,中屏是大於等於992,小屏的話是大於等於768,超超小屏的話就是小於768就可以了。關於事件的座標的話,當我們是相對於屏幕的時候,我們使用e.screenX,e.screenY 。當我們是相對於文檔顯示區,我們使用的是e.clientX,e.clientY 。當我們相對於div,使用的是e.offsetX,e.offsetY 。衆所周知,頁面是可以滾動的,那我們怎麼獲得這個頁面滾動過的高度呢?我們可以直接document.body.scrollTop || document.documentElement.scrollTop。這樣子就可以獲得了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章