zoukankan      html  css  js  c++  java
  • javascript---location对象、navigator对象、screen对象以及他们的属性;

    javascript location 对象属性:

    location对象属性

    location.href -- 返回或设置当前文档的URL,href是location最重要的属性,用于获取当前文档的URL或设置URL。如果设置URL,将导航到新的页面。

    语法:location.href="http://www.dreamdu.com/";
    将导航到梦之都首页.

    函数说明:使用这种方式导航,新页面的地址将被加入history的地址列表中,因此可以使用back或go函数导航。
         assign函数在设置URL时与location.href具有完全相同的功能。
         可以使用replace函数,它将新页面的地址在history的地址列表中删除,因此使用back或go函数无法导航。

    示例

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>JavaScript href DEMO</title>
    </head>
    <body>
    <script type="text/javascript">
    document.writeln(location.href);
    </script>
    <input type="button" value="click here,you will navigate to the page http://www.dreamdu.com/" onclick="location.href='http://www.dreamdu.com/';" />

    </body>
    </html>

    location.href 实例演示
    location.pathname -- 返回URL的域名后的部分。例如 http://www.dreamdu.com/xhtml/ 返回/xhtml/
    location.port -- 返回URL中的端口部分。例如 http://www.dreamdu.com:8080/xhtml/ 返回8080
    location.protocol -- 返回URL中的协议部分。例如 http://www.dreamdu.com:8080/xhtml/ 返回(//)前面的内容http:

    location.search -- 返回URL中的查询字符串部分。例如 http://www.dreamdu.com/dreamdu.php?id=5&name=dreamdu 返回包括(?)后面的内容?id=5&name=dreamdu

    location.assign -- 设置当前文档的URL

      语法:
    location.assign(url);
      location.assign 实例演示

    location.replace -- 设置当前文档的URL,并且在history对象的地址列表中移除这个URL
      语法:
    location.replace(url);
      replace函数说明:replace函数在设置URL方面与location的href属性或assign函数完全一样,但是它会删除history对象的地址列表中的URL,从而使go或back等函数无法导航。
    location.reload -- 重载当前页面
      语法:location.reload(isServer);

      参数含义:
    • isServer -- true时从服务器端重新下载页面,否则只从本地浏览器缓存中重载
    • 不使用参数时,默认为false,从本地浏览器缓存中重载
      location.reload 实例演示

    j
    avascript的navigator 对象

     navigator -- navigator对象通常用于检测浏览器与操作系统的版本 
    • navigator对象是window对象的属性
    • 由于navigator没有统一的标准,因此各个浏览器都有自己不同的navigator版本,这里只介绍最普遍支持且最常用的

    javascript navigator 对象属性:

    • appCodeName -- 浏览器代码名的字符串表示
    • appName -- 官方浏览器名的字符串表示
    • appVersion -- 浏览器版本信息的字符串表示
    • cookieEnabled -- 如果启用cookie返回true,否则返回falsejavaEnabled -- 如果启用java返回true,否则返回false
      •   navigator.cookieEnabled -- 返回浏览器是否支持(启用)cookie
      • 语法: navigator.cookieEnabled;
      • 通常可以在浏览器的临时文件夹中保存一个文件,此文件可以包含用户信息(比如浏览过什么页面,是否选择了自动登录)等,这个文件被称作cookie,通过cookieEnabled属性可以判断浏览器是否启用了此功能
    • platform -- 浏览器所在计算机平台的字符串表示
    • plugins -- 安装在浏览器中的插件数组
    • taintEnabled -- 如果启用了数据污点返回true,否则返回false
    • userAgent -- 用户代理头的字符串表示
      •   navigator.userAgent -- 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
      • 语法 : navigator.userAgent;

    navigator中最重要的是userAgent属性,返回包含浏览器版本等信息的字符串,其次cookieEnabled也很重要,使用它可以判断用户浏览器是否开启cookie。

    javascript的screen 对象

    screen -- screen对象用于获取用户的屏幕信息
    • screen对象是window对象的属性
    • JavaScript availHeight 属性 -- 窗口可以使用的屏幕高度,单位像素
    • JavaScript availWidth 属性 -- 窗口可以使用的屏幕宽度,单位像素JavaScript colorDepth 属性 -- 用户浏览器表示的颜色位数,通常为32位(每像素的位数)
    • JavaScript pixelDepth 属性 -- 用户浏览器表示的颜色位数,通常为32位(每像素的位数)(IE不支持此属性)
    • JavaScript height 属性 -- 屏幕的高度,单位像素
    • JavaScript width 属性 -- 屏幕的宽度,单位像素

    availWidth与availHeight属性非常有用,例如:可以使用下面的代码填充用户的屏幕:

    
    

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>JavaScript screen 对象窗口最大化示例 </title>
    </head>
    <body>
    <script type="text/javascript">
    window.moveTo(0,0);
    window.resizeTo(screen.availWidth, screen.availHeight);
    </script>

    
    

    </body>
    </html>


    更多javascript资料:http://www.dreamdu.com/javascript/exe_all/



  • 相关阅读:
    Unity错误提示大全(遇到问题就更新)
    使用log4Net输出调试信息
    3.创建Manager类,演示对TestUser进行增删改查功能
    2.创建NHibernateHelper帮助类,生成sessionFactory
    1.使用FluentNHibemate 操作数据库,添加映射到数据库
    MySql介绍与安装
    搭建unity客户端
    搭建服务器端
    Photon介绍与安装
    简练软考知识点整理-实施定量风险分析
  • 原文地址:https://www.cnblogs.com/IanI/p/3934511.html
Copyright © 2011-2022 走看看