继续BOM下的属性和方法---上

代码示例（亲测）2：
 
<title>location对象的属性</title>

    <script>

            //服务器环境我再此次演示中已搭建

            //协议

             alert(location.protocol) //http:  协议

            //主机名

             alert(location.hostname); //localhost    服务器环境下才可以查看

            //路径名

             alert(location.pathname); //     /location_shuxing.html        路径名

            //查询字符串    --    ？后面的就是查询字符串， 我们可以去百度随便搜个（也可以自行写一个），把路径靠过来就可以看到了。

             alert(location.search); //?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=孙悟空&oq=%25E6%2582%259F%25E7%25A9%25BA&rsv_pq=b3aad531000a7664&rsv_t=8bc01xPHiAo1%2Bw7SCnv4YPW1XzLXZZuxGsK2kWllpPK5wS3DVwBb7QWuNAA&rqlang=cn&rsv_enter=1&inputT=2452&rsv_sug3=22&rsv_sug1=17&rsv_sug7=100&rsv_sug2=0&rsv_sug4=2452

            //锚点 ---    # 号 后面的  我们可以自己输入 #什么  就可以。

             alert(location.hash); //#1

            //端口号，浏览器一般是8080，但是这个东西一般是隐藏的所以访问不到

            alert(location.port);

    </script>

</head>

<body>

</body>

逐个演示效果：

 

//协议

             alert(location.protocol) //http:  协议
   

   

            
            //主机名
             alert(location.hostname); //localhost    服务器环境下才可以查看
  

            
            //路径名
             alert(location.pathname); //     /location_shuxing.html        路径名
  

            
            //查询字符串    --    ？后面的就是查询字符串， 我们可以去百度随便搜个（也可以自行写一个），把路径靠过来就可以看到了。
 
             alert(location.search); //?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=孙悟空&oq=%25E6%2582%259F%25E7%25A9%25BA&rsv_pq=b3aad531000a7664&rsv_t=8bc01xPHiAo1%2Bw7SCnv4YPW1XzLXZZuxGsK2kWllpPK5wS3DVwBb7QWuNAA&rqlang=cn&rsv_enter=1&inputT=2452&rsv_sug3=22&rsv_sug1=17&rsv_sug7=100&rsv_sug2=0&rsv_sug4=2452
            
    

            
            //锚点 ---    # 号 后面的  我们可以自己输入 #什么  就可以。
             alert(location.hash); //#1
            
            
    
        //端口号，浏览器一般是8080，但是这个东西一般是隐藏的所以访问不到
            alert(location.port);
 
 

 
-----------------------BOM  end----------------------

BOM下的属性和方法---下的更多相关文章

  1. BOM下的属性和方法---上

    -------------BOM------------------------------------------------ 三个系统对话框   浏览器可以通过alert().confirm()和 ...

  2. JavaScript中常用的BOM对象（属性、方法）

    window对象 定义: 一个浏览器窗口实例 与窗口有关的信息(应用程序编程接口) ECMAScript规定的Global对象 方法 open(url),返回标识符 引用 即将打开窗口的.(调用该引用 ...

  3. BOM属性对象方法

    本文原链接:https://cloud.tencent.com/developer/article/1018747 BOM 1.window对象 2.location对象 3.history对象 BO ...

  4. JavaScript基础：BOM的常见内置方法和内置对象

    本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. BOM的介绍 JavaScript的组成 JavaScript基础分为三 ...

  5. Vue2.x源码学习笔记-Vue实例的属性和方法整理

    还是先从浏览器直观的感受下实例属性和方法. 实例属性: 对应解释如下: vm._uid // 自增的id vm._isVue // 标示是vue对象,避免被observe vm._renderProx ...

  6. vue绑定html的class属性的方法

    一.对象语法绑定class属性 class的属性代码如下 <style type="text/css"> .red{ color: red; width: 100px; ...

  7. [笔记]记录原开发工作在base命名空间下扩展的属性与方法

    前言 该笔记只是为了记录以前开发使用的方式. 处理命名空间namespace /** * 处理命名空间 * @param {string} 空间名称,可多个 * @return {object} 对象 ...

  8. python中有两个下划线__的是内置方法，一个下划线_或者没有下划线的可能是属性，也可能是方法，也可能是类名

    python中有两个下划线__的是内置方法,一个下划线_或者没有下划线的可能是属性,也可能是方法,也可能是类名,如果在类中定义的就是类的私有成员. >>> dir(__builtin ...

  9. 关于使用jquery时，ie8下提示对象不支持的属性或方法的解决办法

    转自:http://wapapp.baidu.com/auoong/item/538790fcbe87c834d7ff8cde 首先这个问题的前提是已经排除了常见的这个问题.下面说一种今天我碰到的一种 ...

随机推荐

  1. nltk——文本分类

      sklearn实战-乳腺癌细胞数据挖掘(博客主亲自录制视频教程) https://study.163.com/course/introduction.htm?courseId=1005269003 ...

  2. Xen的入门到放弃

    Xen的入门到放弃 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. Xen 是一个开放源代码虚拟机监视器(VMM),由剑桥大学的"Ina Pratt"和" ...

  3. 函数和常用模块【day05】：生成器（四）

    本节内容 1.概述 2.列表生成式 3.生成器 4.函数实现生成器 5.生成器表达式 一.概述 我们在使用一组数据时,通常情况下会定义一个列表,然后循环里面的元素,但是你想过没有,如果你只需要使用列表 ...

  4. 设计模式---组件协作模式之策略模式（Strategy）

    一:概念 Strategy模式,对一系列的算法加以封装,为所有算法定义一个抽象的算法接口,并通过继承该抽象算法接口对所有的算法加以封装和实现,具体的算法选择交由客户端决定(策略). Strategy模 ...

  5. ruby pluck用法，可以快速从数据库获取 对象的 指定字段的集合数组

    可以快速从数据库获取 对象的 指定字段的集合数组 比如有一个users表,要等到user的id数组: select id from users where age > 20; 要实现在如上sql ...

  6. ruby计算完成率

    task_complete = ((task_forms_w.to_f / task_forms_num.to_f)*100).round(2).to_s << "%" ...

  7. Git基础考试题

    Git: 1.在windows上搭建git环境,成功后查看版本号 Linux安装 sudo apt-get install git -y yum install git -y windows直接安装e ...

  8. Linux 命令详解（五）cp 命令两个高效的用法

    cp 命令两个高效的用法http://mp.weixin.qq.com/s/j7h-MayR0kCxfufWx0FtrA

  9. Vue Admin - 基于 Vue & Bulma 后台管理面板

    Vue Admin 是一个基于 Vue 2.0 & Bulma 0.3 的后台管理面板(管理系统),相当于是 Vue 版本的 Bootstrap 管理系统,提供了一组通用的后台界面 UI 和组 ...

  10. ELF格式探析之三：sections

    前文链接: ELF格式探析之一:Segment和Section ELF格式探析之二:文件头ELF Header详解 今天我们讲对目标文件(可重定位文件)和可执行文件都很重要的section. 我们在讲 ...