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. 光盘自动运行HTML页，Autorun文件写法

    1.把你的网页放在一个根目录下面,起名为index.html 2.在目录新建一个autorun.inf的文件,打开后编辑为以下内容: 代码如下: [autorun]icon=***.ico(加图标) ...

  2. Java 装箱、拆箱 包装器

    先说java的基本数据类型.java基本数据类型:byte.short.int.long.float.double.char.boolean 基本数据类型的自动装箱(autoboxing).拆箱(un ...

  3. Tomcat 7.0 进入项目管理页面时的密码问题

    tomcat7 这个版本,官方网下载的原始包项目管理页面的权限和之前版本的配置有点区别. 到Tomcat的conf文件夹下找到tomcat-users.xml文件,有配置权限的配置文件.     ma ...

  4. UILabel 的使用，属性详解

    ·UILable是iPhone界面最基本的控件,主要用来显示文本信息. ·常用属性和方法有: .创建 CGRect rect = CGRectMake(, , , ); UILabel *label ...

  5. 一句SQL实现MYSQL的递归查询

    众所周知,目前的mysql版本中并不支持直接的递归查询,但是通过递归到迭代转化的思路,还是可以在一句SQL内实现树的递归查询的.这个得益于Mysql允许在SQL语句内使用@变量.以下是示例代码. 创建 ...

  6. curl 基本使用简介

    curl是Linux下一个非常著名的下载库,通过这个库,可以很简单的实现文件的下载等操作.看一个简单的例子: #include <curl/curl.h> #include <std ...

  7. python3.4入门——核心数据类型

    变量.对象和引用 变量的创建:一个变量(即变量名,如a),当代码第一次给它赋值就创建了它. 变量类型:变量没有任何和它关联的类型信息约束.类型的概念存在于对象中,而不是变量名中.变量原本是通用的,只是 ...

  8. cocos2dx ——屏幕适配

    本文出自 “夏天的风” 博客,请务必保留此出处 http://shahdza.blog.51cto.com/2410787/1550089 手机的屏幕大小千差万别,如现在流行的安卓手机屏幕大部分长宽比 ...

  9. C/C++与lua实现互调

    1,在lua脚本中调用C/C++代码中的函数 在C++中定义函数时必须以lua_State为参数, 以int为返回值才能被Lua所调用. /* typedef int (*lua_CFunction) ...

  10. angular--bootstrap实例日期控件【datepicker】

    head部分: <!--Bootstrap--> <link rel="stylesheet" href="/supProdom/script/boot ...