高程8.2location对象8.3navigator对象

作者：岩律_619 | 来源：互联网 | 2023-10-15 22:46

8.2location对象location对象既是window对象的属性,也是document对象的属性.window.location和document.location引用的是同一个对象.

8.2location对象

location对象既是window对象的属性,也是document对象的属性.

window.location和document.location引用的是同一个对象.

属性名	例子	说明
hash	“#contents”	返回URL中的hash(#号后跟零或多个字符),如果URL中不包含散列,则返回空字符串
host	“www.baidu.com:80”	返回服务器名称和端口号(如果有)
hostname	“www.baidu.com”	返回不带端口号折服务器名称
href	“http:/www.baidu.com”	返回当前加载页面的完整URL.而location对象的toString()方法也返回这个值
pathname	“WileyCDA”	返回URL中的目录和(或)文件名
port	“8080”	返回URL中指定的端口号.如果URL中不包含端口号,则这个属性返回空字符串
protocol	“http:”	返回页面使用的协议.通常是http:或https:
search	“?q=Javascript”	返回URL的查询字符串.这个字符串以问号开头

8.2.1 查询字符串参数

location.search返回的是从问号开始(包括问号)到#号(不包括#号)之间的内容.

function getQueryStringArgs(){
        var qs=(location.search.length>0?location.search.substring(1):""),
            //保存数据的对象
            args={},
            //取得每一项
            items=qs.length?qs.split("&"):[],
            item=null,
            name=null,
            value=null,
            //在for循环中使用
            i=0,
            len=items.length;
        //逐个将每一项添加到args对象中
        for(i=0;i){
            item=items[i].split("=");
            name=decodeURIComponent(item[0]);
            value=decodeURIComponent(item[1]);

            if(name.length){
                args[name]=value;
            }
        }
        return args;
    }

8.2.2 位置操作

使用assign()方法并为其传递一个URL

location.assign(http://www.baidu.com);

这样就立即打开新URL并在浏览器的历史记录中生成一条记录.下面两行代码与显示调用assign()方法一样

window.location="http://www.baidu.com";

location.href=http://www.baidu.com;

可以通过将hash,search,hostname,pathname和port属性设置为新值来改变URL.

每次修改location的属性(hash除外),页面都会以新URL重新加载.

https://www.baidu.com/?tn=92499072_hao_pg
location.hash="#section1";//https://www.baidu.com/?tn=92499072_hao_pg#section1
location.search="?q=Javascript";//https://www.baidu.com/?q=Javascript#section1(页面刷新)
location.hostname="www.yahoo.com";//https://www.yahoo.com/?q=Javascript#section1(页面刷新)
location.pathname="mydir";//https://www.yahoo.com/?err=404&err_url=https%3a%2f%2fwww.yahoo.com%2fmydir%3fq%3dJavascript(页面刷新)
location.port="8080";//https://www.yahoo.com:8080/?err=404&err_url=https%3a%2f%2fwww.yahoo.com%2fmydir%3fq%3dJavascript:1 GET https://www.yahoo.com:8080/?err=404&err_url=https%3a%2f%2fwww.yahoo.com%2fmydir%3fq%3dJavascript net::ERR_CONNECTION_TIMED_OUT

replace(),只接受一个参数,即要导航到的URL,结果会导致浏览器位置改变,但不会在历史记录中生成新记录.

在调用replace()方法之后,用户不能回到前一个页面.

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <script>

    script>
head>
<body>
    <p>Enjoy this page for a second,because you won't be coming back here.p>
    <script type="text/Javascript">
    setTimeout(function(){
        location.replace("http://www.baidu.com/");
    })
    script>
body>
html>

reload()方法,作用是重新加载当前显示的页面.如果调用reload()时不传递任何参数,页面应付以最有效的方式重新加载.

如果页面自上次请求以来并没有改变过,页面就会从浏览器缓存中重新加载.

如果要强制从服务器重新加载,则:

location.reload();//重新加载(有可能从缓存中加载)
    location.reload(true);//重新加载(从服务器重新加载)

8.3 navigator对象

navigator对象是所有支持Javascript的浏览器所共有的.

与其他BOM对象的情况一样,每个浏览器中navigator对象都有一套自己的属性.

下面列出了存在于所有浏览器中的属性和方法,以及支持它们的浏览器版本.

属性或方法	说明	IE	FF	Safari/Chrome	Opera
appCodeName	浏览器的名称.通常都是Mozilla,即使在非Mozilla中也是如此	3.0+	1.0+	1.0+	7.0+
appMinorVersion	次版本信息	4.0+	-	-	9.5+
appName	完整的浏览器名称	3.0+	1.0+	1.0+	7.0+
appVersion	浏览器版本.一般不与实际的浏览器版本对应	3.0+	1.0+	1.0+	7.0+
buildID	浏览器编译版本	-	2.0+	-	-
COOKIEEnabled	表示COOKIE是否启用	4.0+	1.0+	1.0+	7.0+
cpuClass	客户端计算机中使用的CPU类型(X86,68K,Alpha,PPC或Other)	4.0+	-	-	-
javaEnabled()	表示当前浏览器中是否启用java	4.0+	1.0+	1.0+	7.0+
language	浏览器的主语言	-	1.0+	1.0+	7.0+
mimeTypes	在浏览器中注册的MIME类型数组	4.0+	1.0+	-1.0+	7.0+
onLine	表示浏览器是否连接了因特网	4.0+	1.0+	-	9.5+
opsProfile	似乎早就不用了.查不到相关文档	4.0+	-	-	-
oscpu	客户端计算机的操作系统或使用的CPU	-	1.0+	-	-
platform	浏览器所有的系统平台	4.0+	1.0+	1.0+	7.0+
plugins	浏览器中安装的插件信息的数组	4.0+	1.0+	1.0+	7.0+
preference()	设置用户的首选项	-	1.5+	-	-
product	产品名称(如Gecko)	-	1.0+	1.0+	-
productSub	关于产品的次要信息(如Gecko的版本)	-	1.0+	1.0+	-
registerContentHandler()	针对特定的MIME类型将一个站点注册为处理程序	-	2.0+	-	-
registerProtocolHandler()	针对特定的协议将一个站点注册为处理程序	-	2.0+	-	-
securityPolicy	已经废弃.安全策略的名称.	-	1.0+	-	-
systemLanguage	操作系统的语言	4.0+	-	-	-
taintEnabled()	已经废弃.表示是否允许变量被修改(taint)	4.0+	1.0+	-	7.0+
userAgent	浏览器的用户代理字符串	3.0+	1.0+	1.0+	7.0+
userLanguage	操作系统的默认语言	4.0+	-	-	7.0+
userProfile	借以访问用户个人信息的对象	4.0+	-	-	-
vendor	浏览器的品牌	-	1.0+	1.0+	-
verdorSub	有关供应商的次要信息	-	1.0+	1.0+	-

8.3.1 检测插件

对于非IE浏览器,可以使用plugins数组来检测浏览器虽是否安装特定插件.

该数组中的每一项都包含下列属性:

name:插件的名字.

description:插件的描述.

filename:插件的文件名

length:插件所处理的MIME类型数量

//检测插件(在IE中无效)
    function hasPlugin(name){
        name=name.toLowerCase();
        for( var i = 0; i  ){
            if(navigator.plugins[i].name.toLowerCase().indexOf(name)>-1){
                return true;
            }
        }
        return false;
    }
    //检测Flash
    console.log(hasPlugin("Flash"));

    //检测QuickTime
    console.log(hasPlugin("QuickTime"));

每个插件对象本身也是一个MimeType对象的数组,这些对象可以通过方括号语法来访问.每个MimeType对象有4个属性:包含MIME类型描述的description,回指插件对象的enabledPlugin,表示与MIME类型对应的文件扩展名的字符串suffixes(以逗号分隔)和表示完整MIME类型字符串的type.

//检测IE中的插件
    function hasIEPlugin(name){
        try{
            new ActiveXObject(name);
            return true;
        }catch(ex){
            return false;
        }
    }

    //检测Flash
    console.log(hasIEPlugin("ShockwaveFlash.ShockwaveFlash"));

    //检测QuickTime
    console.log(hasIEPlugin("QuickTime"));

鉴于检测这两种插件的方法差别太大,因此典型的做法是针对每个插件分别创建检测函数.

//检测所有浏览器中的Flash
function hasFlash(){
    var result=hasPlugin("Flash");
    if(!result){
        result=hasIEPlugin("ShockwaveFlash.ShockwaveFlash");
    }
    return result;
}

//检测所有浏览器中的QuickTime
function hasQuickTime(){
    var result=hasPlugin("QuickTime");
    if(!result){
        result=hasIEPlugin("QuickTime.QuickTime");
    }
    return result;
}

//检测Flash
console.log(hasFlash());

//检测QuickTime
console.log(hasQuickTime());

plugins集合有一个名叫refresh()的方法,用于刷新plugins以反映最新安装的插件.这个方法接收一个参数:表示是否应该重新加载页面的一个布尔值.如果将这个值设置为true,则会重新加载包含插件的所有页面;否则,只更新plugins集合,不重新加载页面.

8.3.2 注册处理程序

FF2为navigator对象新增了registerContentHandler()和registerProtocoHandler()方法.

registerContentHandler()方法接收三个参数:要处理的MIME类型,可以处理该MIME类型的页面的URL以及应用程序的名称.

类似的调用方式也适用于registerProtocolHandler()方法,它也接收三个参数:要处理的协议,处理该协议的页面的URL和应用程序的名称.

推荐阅读

int
如何使用 org.apache.tinkerpop.gremlin.structure.VertexProperty 的 key 方法

本文详细介绍了 `org.apache.tinkerpop.gremlin.structure.VertexProperty` 类中的 `key()` 方法，并提供了多个实际应用的代码示例。通过这些示例，读者可以更好地理解该方法在图数据库操作中的具体用途。 ... [详细]

蜡笔小新 2024-11-21 17:38:10
int
深入解析JQuery Mobile特有的事件与方法

本文详细介绍了JQuery Mobile框架中特有的事件和方法，帮助开发者更好地理解和应用这些特性，提升移动Web开发的效率。 ... [详细]

蜡笔小新 2024-11-21 14:24:21
object
理解浏览器历史记录（2）hashchange、pushState

阅读目录1.hashchange2.pushState本文也是一篇基础文章。继上文之后，本打算去研究pushState，偶然在一些信息中发现了锚点变 ... [详细]

蜡笔小新 2024-11-20 20:05:37
int
深入解析SpringMVC中的HandlerMapping机制

本文将从基础概念入手，详细探讨SpringMVC框架中DispatcherServlet如何通过HandlerMapping进行请求分发，以及其背后的源码实现细节。 ... [详细]

蜡笔小新 2024-11-20 19:24:42
int
深入解析 Bootstrap Table 的使用技巧

本文详细介绍了如何利用 Bootstrap Table 实现数据展示与操作，包括数据加载、表格配置及前后端交互等关键步骤。 ... [详细]

蜡笔小新 2024-11-20 17:21:26
int
开发技巧: Effective Java第三版——优先选用Collection而非Stream作为方法返回类型

在Effective Java第三版中，建议在方法返回类型中优先考虑使用Collection而非Stream，以提高代码的灵活性和兼容性。 ... [详细]

蜡笔小新 2024-11-19 15:31:16
int
Spring Boot使用AJAX从数据库读取数据异步刷新前端表格

　　近期项目需要是实现一个通过筛选选取所需数据刷新表格的功能，因为表格只占页面的一小部分，不希望整个也页面都随之刷新，所以首先想到了使用AJAX来实现。　　以下介绍解决方法（请忽视 ... [详细]

蜡笔小新 2024-11-19 10:11:02
int
在Linux中获取库源码及编译软件时如何收集依赖项

本文介绍了如何在Linux系统中获取库源码，并在从源代码编译软件时收集所需的依赖项列表。 ... [详细]

蜡笔小新 2024-11-17 20:34:02
int
PHP中防止SQL注入的高级策略（下）_MySQL

本文详细探讨了如何在PHP中有效防止SQL注入攻击，特别是在使用MySQL数据库时。文章通过具体示例和专业建议，帮助开发者理解和应用最佳实践。 ... [详细]

蜡笔小新 2024-11-17 14:31:22
const
教你从写一个迷你koarouter到阅读koarouter源码

本打算教一步步实现koa-router，因为要解释的太多了，所以先简化成mini版本，从实现部分功能到阅读源码，希望能让你好理解一些。希望你之前有读过koa源码，没有的话，给你链接 ... [详细]

蜡笔小新 2024-11-17 13:09:46
int
Beetl模板引擎初探

Beetl是一款先进的Java模板引擎，以其丰富的功能、直观的语法、卓越的性能和易于维护的特点著称。它不仅适用于高响应需求的大型网站，也适合功能复杂的CMS管理系统，提供了一种全新的模板开发体验。 ... [详细]

蜡笔小新 2024-11-21 16:57:10
int
Struts2 + json+ jquery 实现三级联动action和jsp代码竟然有小红叉，提示缺双引号，检查了转义符号也没缺啊，求解

publicclassBindActionextendsActionSupport{privateStringproString;privateStringcitString; ... [详细]

蜡笔小新 2024-11-21 16:25:41
int
IC卡操作功能实现

本文介绍了如何通过C#语言调用动态链接库（DLL）中的函数来实现IC卡的基本操作，包括初始化设备、设置密码模式、获取设备状态等，并详细展示了将TextBox中的数据写入IC卡的具体实现方法。 ... [详细]

蜡笔小新 2024-11-21 11:02:19
js
2019-2020学年 20174325 叶竞蔚《网络对抗技术》实验六：Metasploit基础应用

本实验旨在掌握Metasploit框架的基本应用方法，重点学习三种常见的攻击方式及其实施思路。实验内容包括一次主动攻击（如MS08-067）、一次针对浏览器的攻击（如MS11-050）以及一次针对客户端的攻击（如Adobe漏洞利用）。此外，还包括成功应用一个辅助模块。 ... [详细]

蜡笔小新 2024-11-17 17:21:38
go
WPF MVVM: 动态添加控件与数据绑定的最佳实践

本文介绍如何在WPF应用程序中使用MVVM模式动态添加控件并进行数据绑定。通过示例展示如何创建一个虚拟键盘，其中包含多个按键。 ... [详细]

蜡笔小新 2024-11-17 12:58:14

岩律_619

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章