继续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. C#网络编程之编码解码

    这里是代码: using System; using System.Collections.Generic; using System.Linq; using System.Text; using S ...

  2. Gym - 100851F - Froggy Ford(dijkstra)

    题目链接 参考   http://blog.csdn.net/KIJamesQi/article/details/52214990 题意 蛤蛤要从这岸去到对岸,河中有n块石头,现可以在河中添加一块石头 ...

  3. java抽象类与接口回顾

    1.抽象类中可以包括成员变量,方法,构造器,初始化块,内部类(接口/枚举)五种成分.2.让A类中包含B方法,又不提供B方法的实现,即抽象方法只有方法签名,没有方法体.3.有抽象方法的类只能被定义成抽象 ...

  4. 转--python 编码规范

    编程规范 1.1. 命名规范 1.1.1. [强制] 命名不能以下划线或美元符号开始和结尾 反例: name / __name / $Object / name / name$ / Object$ 1 ...

  5. (cx_Oracle.DatabaseError) DPI-1047: 64-bit Oracle Client library cannot be loaded: "libclntsh.so: cannot open shared object file: No such file or directory"

    打开https://oracle.github.io/odpi/doc/installation.html 官方相关如下 Oracle Instant Client RPM¶ To run ODPI- ...

  6. luogu P2508 [HAOI2008]圆上的整点

    传送门 推荐去bzoj看个视频了解一下 不要妄想视频直接告诉你题解 但是视频告诉了你后面要用的东西 首先我们要求的是\(x^2+y^2=n^2(x,y\in Z)\)的\((x,y)\)对数,可以转化 ...

  7. js 组件化

    我的github样例:https://github.com/hzijone/javascript_module js 用对象的方式实现组件化. 1.对一个对象里增加方法的方式: 把模块的变量传给函数, ...

  8. B - Finding Palindromes (字典树+manacher)

    题目链接:https://cn.vjudge.net/contest/283743#problem/B 题目大意:给你n个字符串,然后问你将这位n个字符串任意两两组合,然后问你这所有的n*n种情况中, ...

  9. Python 入门基础19 --面向对象、封装

    2019.04.17 一.面向对象与面向过程 二.名称空间操作 三.类与对象的概念 四.语法 五.对象查找属性的顺序 2019.04.18 1.类与对象的所有概念:__init__方法 2.类的方法与 ...

  10. 一套oracle的练习题

    create table student( sno varchar2(10) primary key, sname varchar2(20), sage number(2), ssex varchar ...