继续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. java performance tools / NetBeans Profiler / Sun BTrace / Eclipse MAT / IBM ISA

    s Oracel Performace Analyzer NetBeans Profiler Eclipse MAT Sun BTrace IBM ISA end

  2. 用 Vue 开发一个简单的答题应用（一）

    Vue 之类的 MVVM 框架,能帮助我们用更少的代码实现复杂的业务. 为了简单一点,开发计划分成三阶段: 一,数据写死,实现基本的答题效果.支持多种题型. 二,使用本地存储保存数据,支持题目录入的功 ...

  3. .net视频教程代码之《提交注册内容》

    看我的视频之后感觉代码太多不好打或者容易打错的话可以来看我的这里的代码.我的视频地址是 https://www.bilibili.com/video/av12727717/ 类里面的代码: using ...

  4. css 中ul li 与 ul>li的区别

    ul li :后代选择器,ul 里所有的 li 元素,包括 ol 里的 li ; ul>li :子代选择器,下一级的DOM节点,不包括 ol 里的 li . ul>ol>li :子代 ...

  5. Spark记录-SparkSql官方文档中文翻译（部分转载）

    1 概述(Overview) Spark SQL是Spark的一个组件,用于结构化数据的计算.Spark SQL提供了一个称为DataFrames的编程抽象,DataFrames可以充当分布式SQL查 ...

  6. JAVA中初始化ArrayList的三种方式

    下面讲一下ArrayList初始化的几种不同方式. 一.最常用的初始化方式. List<String> list1 = new ArrayList<String>(); lis ...

  7. servlet dispatcher .forward(request, response); 进入其它servlet【原】

    dispatcher .forward(request, response); 进入其它servlet 假如我们的web.xml配置如下 <servlet> <servlet-nam ...

  8. MySQL数据库中.SQL文件的导出方式

    转自:http://tech.watchstor.com/management-117401.htm 在MySQL数据库中导入SQL文件是件很麻烦的事情,但是这是一项大家非常值得学习的技术,本文就从最 ...

  9. Hibernate or 的用法

    转自baidu estrictions.or(Restrictions.like(),Restrictions.or(Restrictions.like,........))里面的or可以无限加的.还 ...

  10. JavaScript之从浏览器一键获取教务处个人课程信息【插件】

    由于博主的个人网站(:http://www.johnnyzen.cn/),每学期都需要更新呈现课程的静态信息,由于课程量多,而且手动爬取很冗杂,特别想自动化实现.这不,今天终于有点时间了,把之前写no ...