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. Web App 前端构建（纯净版）

    asp.net 母版页: <!DOCTYPE html> <html> <head> <meta charset="utf-8" name ...

  2. Ado.net对象

    Connection对象主要提供与数据库的连接功能 Command 对象用于返回数据,修改数据,运行存储过程以及发送或检索参数信息的数据库命令. DataReader对象通过Command对象提供从数 ...

  3. C++ 虚函数详解

    C++ 虚函数详解 这篇文章主要是转载的http://blog.csdn.net/haoel/article/details/1948051这篇文章,其中又加入了自己的理解和难点以及疑问的解决过程,对 ...

  4. IntelliJ IDEA14如何配置tomcat

    http://doc.okbase.net/frank1234/archive/121479.html

  5. Hadoop基本原理之一：MapReduce

    1.为什么需要Hadoop 目前,一块硬盘容量约为1TB,读取速度约为100M/S,因此完成一块硬盘的读取需时约2.5小时(写入时间更长).若把数据放在同一硬盘上,且全部数据均需要同一个程序进行处理, ...

  6. Android DrawerLayout 点击事情穿透

    今天使用DrawerLayout做网易4.4版本侧边栏发现点击DrawerLayout空白部分,下面部分content会获得点击事件.解决方法是在<!-- The navigation draw ...

  7. hex和bin文件格式的区别

    Intel HEX文件是记录文本行的ASCII文本文件,在Intel HEX文件中,每一行是一个HEX记录,由十六进制数组成的机器码或者数据常量.Intel HEX文件经常被用于将程序或数据传输存储到 ...

  8. 逻辑数据库设计 - 需要ID(谈主键Id)

    本文的目标就是要确认那些使用了主键,却混淆了主键的本质而造成的一种反模式. 一.确立主键规范 每个了解数据库设计的人都知道,主键对于一张表来说是一个很重要,甚至必需的部分.这确实是事实,主键是好的数据 ...

  9. Linux批量重命名

    http://blog.csdn.net/qm4050/article/details/8472464 http://www.jb51.net/article/33902.htm http://hi. ...

  10. spftlayer 安装及简单使用

    1,yum -y install python-pip; pip(Python packet index);