日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

Javascript进阶篇——浏览器对象—Location、Navigator、userAgent、screen对象Script

發布時間:2023/12/31 HTML 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Javascript进阶篇——浏览器对象—Location、Navigator、userAgent、screen对象Script 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Location對象

location用于獲取或設置窗體的URL,并且可以用于解析URL。

語法:?

location.[屬性|方法]

location對象屬性圖示:



location 對象屬性:



location 對象方法:




獲取當前顯示文檔的URL,并輸出:

1 <script type="text/javascript">

2? ??var a =?location.href;

3? ??document.write(a);

4 </script>

?

?

Navigator對象


對象屬性:




使用Navigator對象,查看瀏覽器相關信息:

1 <script type="text/javascript">

2? ??var browser =?navigator.appCodeName;

3? ??var b_browser =?navigator.appName;

4? ??var c_browser =?navigator.platform;

5? ??var d_browser =?navigator.userAgent;

6? ? document.write(browser + "</br>" + b_browser + "<br/>" + c_browser + "<br/>" +?d_browser)

7 </script>

運行結果:(我自己瀏覽器運行的結果)

Mozilla
Netscape
MacIntel
Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1


(原有的結果)MozillaNetscapeWin32Mozilla/5.0?(Windows NT 6.1;?WOW64)?AppleWebKit/537.36 (KHTML, like Gecko)Chrome/41.0.2272.118 Safari/53

?

userAgent


返回用戶代理頭的字符串表示(就是包括瀏覽器版本信息等的字符串)

語法?

?navigator.userAgent

幾種瀏覽的user_agent.,像360的兼容模式用的是IE、極速模式用的是chrom的內核。



使用userAgent判斷使用的是什么瀏覽器

1?<!DOCTYPE HTML>?

2?<html>?

3?<head>?

4? ?<meta?http-equiv="Content-Type"?content="text/html; charset=utf-8">

5? ?<title>navigator</title>?

6? ?<script?type="text/javascript">?

7? ? ? ??function?validB(){?

8? ? ? ? ? ?var?u_agent?=?navigator.userAgent;

9? ? ? ? ? ?var?B_name="不是想用的主流瀏覽器!";?

10? ? ? ? ??if(u_agent.indexOf("Firefox")>-1){?

11? ? ? ? ? ? ? ??B_name="Firefox";?

12? ? ? ? ? }elseif(u_agent.indexOf("Chrome")>-1){?

13? ? ? ? ? ? ? ?B_name="Chrome";?

14? ? ? ? ??}elseif(u_agent.indexOf("MSIE")>-1&;&;u_agent.indexOf("Trident")>-1){?

15? ? ? ? ? ? ? B_name="IE(8-10)";?

16? ? ? ? ?}

17? ? ?document.write("瀏覽器:"+B_name+"");

18? ??document.write("u_agent:"+u_agent+"");

19?}?

20?</script>

21?</head>

22?<body>

23?<form>

24?<input?type="button"?value="查看瀏覽器"?onclick?= "validB()"/>

25?</form>

26?</body>

27?</html>


運行結果:
瀏覽器:Chrome
u_agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.118 Safari/537.36

?

?

?

screen對象

screen對象用于獲取用戶的屏幕信息

語法:

window.screen.屬性

對象屬性:


??

?屏幕分辨率的高和寬

window.screen 對象包含有關用戶屏幕的信息

1. screen.height 返回屏幕分辨率的高

2. screen.width 返回屏幕分辨率的寬

注意:
1.單位以像素計。

2. window.screen 對象在編寫時可以不使用 window 這個前綴。

獲取屏幕的高和寬,代碼如下:

1 <script type="text/javascript">

2? ? document.write( "屏幕寬度:"+screen.width+"px"?);

3? ??document.write( "屏幕高度:"+screen.height+"px"?);

4 </script>

運行結果:

屏幕寬度:1920px?
屏幕高度:1080px

?

?

?

屏幕可用高和寬度
1. screen.availWidth 屬性返回訪問者屏幕的寬度,以像素計,減去界面特性,比如任務欄。
2. screen.availHeight
?屬性返回訪問者屏幕的高度,以像素計,減去界面特性,比如任務欄。

注意:
不同系統的任務欄默認高度不一樣,及任務欄的位置可在屏幕上下左右任何位置,所以有可能可用寬度和高度不一樣。

獲取屏幕的可用高和寬度,代碼如下:

1 <script type="text/javascript">

2 ????document.write("可用寬度:" +?screen.availWidth);

3 ????document.write("可用高度:" +screen.availHeight);

4 </script>

根據屏幕的不同顯示值不同。

運行結果:

可用寬度:1920

可用高度:977



總結

以上是生活随笔為你收集整理的Javascript进阶篇——浏览器对象—Location、Navigator、userAgent、screen对象Script的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 国产乡下妇女做爰视频 | 看片网址国产福利av中文字幕 | 国内成人av | 风间由美在线视频 | 亚洲无人区码一码二码三码的含义 | 成片免费观看 | 欧美一级黄色大片 | 亚洲免费自拍 | 久久理论电影 | 蜜桃又黄又粗又爽av免 | 色干综合 | 精品一区二区三区在线免费观看 | 激情内射人妻1区2区3区 | 婷婷深爱激情 | 干美女av | 51精产品一区一区三区 | 久久综合久| 亚洲天堂网站 | 日本高清xxxx | 老头把女人躁得呻吟 | 2021av在线| 毛片久久久久久久 | 久久久久无码国产精品一区李宗瑞 | 日本中文一区 | 日老女人视频 | 国产欧美一区二区精品性色99 | 香蕉视频亚洲一级 | 丝袜调教91porn | 永久免费的网站入口 | 第一页综合 | 国产精品综合久久久久久 | 黄色网址在线免费播放 | 国产喷水在线 | 撸久久| 免费在线观看av | 伊人五月天 | www.96av | 日韩国产欧美在线视频 | 人人草网站 | 69免费| 亚洲第一区在线 | 中国美女乱淫免费看视频 | 欧美精品一区二区三区在线 | 91精品国产高清一区二区三蜜臀 | 日韩一二三区 | 欧美xxxxbbb| 精品在线播放视频 | 日韩欧美三级在线 | 美女性高潮视频 | 黄色a一片| 五月天综合激情网 | 国产精品久久久久久久久晋中 | 999视频| 波多野结衣欲乱上班族 | 欧美少妇xxxxx| 精品视频在线观看 | 91天堂视频 | 亚洲风情亚aⅴ在线发布 | 成人免费黄色小视频 | 91成人在线免费观看 | 婷婷在线综合 | 国产福利社 | 91成人一区 | 色呦呦一区二区三区 | 第色| 男人疯狂高潮呻吟视频 | 中文字幕免| 一区二区三区人妻 | 欧美不卡影院 | 日本草草影院 | 乱老熟女一区二区三区 | 最新啪啪网站 | 99视频在线精品 | 中文字幕.com | 日韩久久精品 | 肉色超薄丝袜脚交一区二区 | 欧美日韩成人一区二区在线观看 | 亚洲精品女人久久久 | 巨胸喷奶水www久久久免费动漫 | 亚洲欧美偷拍视频 | 国产伦精品一区二区三区视频孕妇 | 奴色虐av一区二区三区 | 亚洲视频一区二区三区 | 黄色污小说 | 波多野结衣电车痴汉 | 体感预报日剧 | 欧美老女人xx | 亚洲色图50p | 一区二区三区精品久久久 | 哪里可以免费看av | 欧美日韩1区 | 黄色一级一片免费播放 | 波多野结衣一区二区三区中文字幕 | 日本三级中文字幕在线观看 | 婷婷中文字幕在线 | 国产高清不卡 | 日韩国产91 | 一级片免费观看视频 | 日本妈妈9 |