Location对象
location用于获取或设置窗体的URL，并且可以用于解析URL。
语法:

location.[属性|方法]

location对象属性图示:

location 对象属性：

location 对象方法:

获取当前显示文档的URL,并输出:

 <script type="text/javascript">

     var a = location.href;

     document.write(a);

 </script>

Navigator对象

对象属性：

使用Navigator对象，查看浏览器相关信息：

 <script type="text/javascript">

     var browser = navigator.appCodeName;

     var b_browser = navigator.appName;

     var c_browser = navigator.platform;

     var d_browser = navigator.userAgent;

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

 </script>

运行结果：

Mozilla

Netscape

Win32

Mozilla/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判断使用的是什么浏览器

 <!DOCTYPE HTML>

 <html>

 <head>

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

 <title>navigator</title>

 <script type="text/javascript">

     function validB(){

     　　var u_agent = navigator.userAgent;

     　　var B_name="不是想用的主流浏览器!";

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

         　　B_name="Firefox";

     　　}else if(u_agent.indexOf("Chrome")>-1){

         　　B_name="Chrome";

     　　}else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){

         　　B_name="IE(8-10)";

     　　}

         document.write("浏览器:"+B_name+"<br>");

         document.write("u_agent:"+u_agent+"<br>");

     }

 </script>

 </head>

 <body>

     <form>

         <input type="button" value="查看浏览器" onclick = "validB()" />

     </form>

 </body>

 </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 这个前缀。

获取屏幕的高和宽，代码如下:

 <script type="text/javascript">

     document.write( "屏幕宽度："+screen.width+"px<br />" );

     document.write( "屏幕高度："+screen.height+"px<br />" );

 </script>

运行结果：
屏幕宽度：1366px 
屏幕高度：768px

屏幕可用高和宽度
　　1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。
　　2. screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。

注意:
　　不同系统的任务栏默认高度不一样，及任务栏的位置可在屏幕上下左右任何位置，所以有可能可用宽度和高度不一样。

获取屏幕的可用高和宽度，代码如下：

 <script type="text/javascript">

     document.write("可用宽度：" + screen.availWidth);

     document.write("可用高度：" + screen.availHeight);

 </script>

根据屏幕的不同显示值不同。
运行结果：
可用宽度：1366px
可用高度：728px

Javascript进阶篇——浏览器对象—Location、Navigator、userAgent、screen对象的更多相关文章

  1. 6、JavaScript进阶篇③——浏览器对象、Dom对象

    一.浏览器对象 1. window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,windo ...

  2. 二、JavaScript语言--JS基础--JavaScript进阶篇--浏览器对象

    1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法:

  3. Javascript进阶篇——浏览器对象—History对象

    History 对象history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能.窗口被打开的那一刻开始记录,每个浏览器窗口.每个标签页乃至每个框架,都有自己的hi ...

  4. 5、JavaScript进阶篇②——函数、事件、内置对象

    一.函数 1. 什么是函数 函数的作用,可以写一次代码,然后反复地重用这个代码. 如:我们要完成多组数和的功能. var sum; sum = 3+2; alert(sum); sum=7+8 ; a ...

  5. Javascript进阶篇——浏览器对象—JavaScript计时器

    ---恢复内容开始--- JavaScript 计时器在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行.计时器类型:一次性计时器:仅在指定的延迟时间之后触 ...

  6. 《JAVASCRIPT高级程序设计》window/location/navigator/screen/history对象

    如果要在web中使用JAVASCRIPT,那么BOM(浏览器对象模型)毫无疑问是最重要的部分.BOM提供了很多对象,例如,window.location.navigator.screen.histor ...

  7. ＃笔记＃JavaScript进阶篇一

    #JavaScript进阶篇 http://www.imooc.com/learn/10 #认识DOM #window对象 浏览器窗口可视区域监测—— 在不同浏览器(PC)都实用的 JavaScrip ...

  8. 4、JavaScript进阶篇①——基础语法

    一.认识JS 你知道吗,Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HTML+CSS创建一个漂亮的页面,但这还不够,它只是静态页面 ...

  9. 二、JavaScript语言--JS基础--JavaScript进阶篇--JavaScript内置对象

    1.什么事对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方 ...

随机推荐

  1. Qt信号槽写法

    1.标准写法 2.lamda表达式写法 3.地址函数指针写法

  2. CSS常见BUG

    CSS Hack IE条件注释: 所有IE:<!--[if IE]> css code <![endif]--> IE6以上:<!--[if gt IE 6]> c ...

  3. POJ2446 二分图最大匹配

    问题:POJ2446 分析: 采用黑白相间的方法把棋盘分成两个点集,是否可以用1*2的卡片实现全覆盖等价于二分图是否有完全匹配. AC代码 //Memory: 172K Time: 32MS #inc ...

  4. Hdu1092

    #include <stdio.h> int main() { ; while(scanf("%d",&n)){ ) {;} else{ int i,a; ;i ...

  5. C语言递归分析

    思路 下图描述的是从问题引出到问题变异的思维过程: 概述 本文以数制转换为引,对递归进行分析.主要是从多角度分析递归过程及讨论递归特点和用法. 引子 一次在完成某个程序时,突然想要实现任意进制数相互转 ...

  6. Nasty Hacks <入门练手题>

    Nasty Hacks Time Limit: 3000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total S ...

  7. Win8/Win8.1都有哪些版本？我该选择哪个？（二）

    Windows版本分类比较复杂,下文主要为大家理清Win8/Win8.1的版本种类.如果想了解更多,可以结合<Win7/Win8/Win8.1众多版本,我该选择哪个?>一文来了解. 细数W ...

  8. HDU4532(组合DP)

    题目:安排座位 解析:http://www.douban.com/note/269136472/ #include <iostream> #include <string.h> ...

  9. java设计模式--结构型模式--享元模式

    享元模式 概述 运用共享技术有效地支持大量细粒度的对象. 适用性 当都具备下列情况时,使用Flyweight模式: 1.一个应用程序使用了大量的对象. 2.完全由于使用大量的对象,造成很大的存储开销. ...

  10. ECharts 使用实例

    HTML与JavaScript代码: <%@ page language="java" contentType="text/html; charset=UTF-8& ...