URL详解 window.location的一系列方法

一、URL是什么  有哪些组成

首先URL是通过window.location获取的

 统一资源定位符 (Uniform Resource Locator, URL)

  
完整的URL由这几个部分构成:

  
scheme://host:port/path?query#fragment

   scheme:通信协议

   常用的http,ftp,maito等

   host:主机

   服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。

   port:端口号

   整数,可选,省略时使用方案的默认端口,如http的默认端口为80。

   path:路径

   由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。

   query:查询

   可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数,用"&"符号隔开,

每个参数的名和值用"="符号隔开。

    fragment:信息片断

   字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.)

例子: http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#love

  1, window.location.href

  整个URl字符串(在浏览器中就是完整的地址栏)

  返回值:http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#love

  2,window.location.protocol

  URL 的协议部分

  返回值:http:

  3,window.location.host(这里要注意window.location.host返回值是带端口的,而window.location.hostname是不带端口的

  URL 的主机部分,

  返回值:www.home.com 看下图

  4,window.location.port

  URL 的端口部分。如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符。

  本例返回值:8080

  5,window.location.pathname

  URL 的路径部分(就是文件地址)

  返回值:/windows/location/page.html

  6,window.location.search

  查询(参数)部分。除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值

  返回值:?ver=1.0&id=timlq

  7,window.location.hash

  锚点

  返回值:#love

时间: 2025-01-09 08:45:26

URL详解 window.location的一系列方法的相关文章

js弹窗返回值详解(window.open方式)_javascript技巧

test.php 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-

详解Python中的type()方法的使用

  这篇文章主要介绍了详解Python中的type()方法的使用,是Python入门中的基础知识,需要的朋友可以参考下 type()方法返回传递变量的类型.如果传递变量是字典那么它将返回一个字典类型. 语法 以下是type()方法的语法: ? 1 type(dict) 参数 dict -- 这是字典 返回值 此方法返回传递变量的类型. 例子 下面的例子显示type()方法的使用 ? 1 2 3 4 #!/usr/bin/python   dict = {'Name': 'Zara', 'Age'

详解JavaScript中的forEach()方法的使用

这篇文章主要介绍了详解JavaScript中的forEach()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下 JavaScript数组的 forEach()方法调用数组中的每个元素. 语法 ? 1 array.forEach(callback[, thisObject]); 下面是参数的详细信息: callback : 函数测试数组的每个元素. thisObject : 对象作为该执行回调时使用. 返回值: 返回创建数组. 兼容性: 这种方法是一个JavaScript扩展到ECM

详解Python中的strftime()方法的使用

  这篇文章主要介绍了详解Python中的strftime()方法的使用,是Python入门学习中的基础知识,需要的朋友可以参考下 strftime()方法转换成一个元组或struct_time表示时间所指定的格式参数所返回gmtime()或localtime()为一个字符串. 当t不设置,所返回当前时间使用localtime()方法.格式必须是字符串.异常ValueError被挂起,如果t在任何字段的允许范围之外. 语法 以下是strftime()方法的语法: ? 1 time.strftim

UrlRewrite 重写url详解及实例_java

UrlRewrite 重写url详解 UrlRewrite就是我们通常说的地址重写,用户得到的全部都是经过处理后的URL地址. urlrewrite顾名思义,就是对URL进行重写,用户得到的全部都是经过处理后的URL地址,这样做我觉得好处有三: 一:提高安全性,可以有效的避免一些参数名.ID等完全暴露在用户面前,如果用户随便乱输的话,不符合规则的话直接会返回个404或错误页面,这比直接返回500或一大堆服务器错误信息要好的多 二:美化URL,去除了那些比如*.do之类的后缀名.长长的参数串等,可

Fiddler抓包6-get请求(url详解)

前言 上一篇介绍了Composer的功能,可以模拟get和post请求,get请求有些是不带参数的,这种比较容易,直接放到url地址栏就行.有些get请求会带有参数,本篇详细介绍url地址格式.   一.url详解 1.url就是我们平常打开百度在地址栏输入的:https:www.baidu.com,如下图,这个是最简单的url地址,打开的是百度的主页 2.再看一个稍微复杂一点的url,在百度输入框输入:上海悠悠博客园 3.查看url地址栏,对比之前的百度首页url地址,后面多了很多参数.当然最

详解JavaScript中的异常处理方法_基础知识

 有三种类型的编程错误:(1)语法错误和(2)运行时错误(3)逻辑错误:语法错误: 语法错误,也被称为解析错误,在编译时进行传统的编程语言,并出现在JavaScript解释时. 例如,下面一行将导致一个语法错误,因为它缺少一个右括号: <script type="text/javascript"> <!-- window.print(; //--> </script> 当一个语法错误在JavaScript中出现,只有在同一个线程中包含的语法错误的影响

Android WebView使用方法详解 附js交互调用方法_Android

目前很多Android app都内置了可以显示web页面的界面,会发现这个界面一般都是由一个叫做WebView的组件渲染出来的,学习该组件可以为你的app开发提升扩展性. 先说下WebView的一些优点: --可以直接显示和渲染web页面,直接显示网页 --webview可以直接用html文件(网络上或本地assets中)作布局 --和JavaScript交互调用  一.基本使用 首先layout中即为一个基本的简单控件: <WebView android:id="@+id/webView

详解Android Checkbox的使用方法_Android

0和1是计算机的基础,数理逻辑中0和1代表两种状态,真与假.0和1看似简单,其实变化无穷. 今天我就来聊聊android控件中拥有着0和1这种特性的魔力控件checkbox. 先来讲讲Checkbox的基本使用.在XML中定义. <?xml version="1.0" encoding="utf-8"?> <CheckBox xmlns:android="http://schemas.android.com/apk/res/android