获取当前页面url参数的三种方法

知识先填坑：

假设访问路径为：file:///Users/xiao/learn/js_basics/11htmla=100&b=20&c=30；

分别通过正则匹配、拆分字符串成数组、新API URLSearchParams三种方式获取参数方法如下：

思路：

两次用到split方法，第一次将每个参数和值拆分为数组中的一个值；

遍历这个数组，每个参数和值再次分割，分别将参数和值赋值给一个对象的属性和值；

调用方法通过对象的属性，获取改值

本机电脑中的是没有URL地址的，需要存放在网络上才会有（如：QQ相册），下面给出 *** 作步骤：

一、这里以上传QQ相册为例，首先打开QQ相册，点击“上传照片”。

二、下一个页面点击“选择照片和视频”。

三、从本机电脑中找到需要获得URL地址的，选中该，点击“打开”。

四、最后点击“开始上传”，等待上传完毕。

五、上传完毕后，从相册中打开该，右键点击，菜单中点击“属性”。

六、d出属性窗口内的“地址”就是当前的URL地址。

当一个url过来时，如：>

代码如下:

<% String basepath 

=requestgetScheme()+"://"+requestgetServerName()+":"+requestgetServerPort() ;

String Path = requestgetScheme()+"://"+requestgetServerName()+":"+requestgetServerPort()+path+"/"+requestgetContextPath()+"/"; 

String uri=requestgetRequestURI();   

uri=urisubstring(urilastIndexOf("/")+1);  //获得是最后的hellojsp 

%>

（上例中，Path路径就是图中的）

说明：

1requestgetContextPath()  返回站点的根目录，如：‘’/demo‘’

2requestgetRealpath("/")得到的是实际的物理路径，也就是你的项目所在服务器中的路径

3requestgetScheme() 等到的是协议名称，默认是>

4requestgetServerName() 得到的是在服务器的配置文件中配置的服务器名称 比如:localhost baiducom 等等

5requestgetServerPort() 得到的是服务器的配置文件中配置的端口号 比如 8080等等

OK，满意的话请好评！O(∩_∩)O~

url是统一资源定位符，对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。

基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名，如“协议：//授权/路径查询”。完整的、带有授权部分的普通统一资源标志符语法看上去如下：协议：//用户名:密码@子域名域名顶级域名:端口号/目录/文件名文件后缀参数=值#标志。

扩展资料

URL地址分类：绝对，绝对URL显示文件的完整路径，这意味着绝对URL本身所在的位置与被引用的实际文件的位置无关；

相对，相对URL以包含URL本身的文件夹的位置为参考点，描述目标文件夹的位置。如果目标文件与当前页面在同一个目录，那么这个文件的相对URL仅仅是文件名和扩展名，如果目标文件在当前目录的子目录中，那么它的相对URL是子目录名，后面是斜杠，然后是目标文件的文件名和扩展名。

一般来说，对于同一服务器上的文件，应该总是使用相对URL，它们更容易输入，而且在将页面从本地系统转移到服务器上时更方便，只要每个文件的相对位置保持不变，链接就仍然是有效地。

参考资料来源：百度百科——URL

设置或获取整个 URL 为字符串具体代码为： windowlocationhref

例1、生成二维码为格式（优点：便于分享到微信、QQ或其他网页）

<script type="text/javascript" src="jquery-171minjs"></script>

 <script type="text/javascript" src="jqueryqrcodejs"></script>

 <script type="text/javascript" src="qrcodejs"></script>  

<div id="divOne"></div>  

  <img id='imgOne'  style='border:1px solid red;'/>  

<script>  

//默认使用Canvas生成，并显示到   

 var qrcode= $('#divOne')qrcode({

       text: windowlocationhref,//二维码代表的字符串（本页面的URL）

       width: 150,//二维码宽度

       height: 150//二维码高度

    })hide();   

 var canvas=qrcodefind('canvas')get(0);  

 $('#imgOne')attr('src',canvastoDataURL('image/jpg'))  

</script>

例2、生成二维码为非格式 （优点：便于生成速度快，不占用空间）

<script type="text/javascript" src="jquery-171minjs"></script>

 <script type="text/javascript" src="jqueryqrcodejs"></script>

 <script type="text/javascript" src="qrcodejs"></script> <div id="qrcodeCanvas"></div>

<script>

    $('#qrcodeCanvas')qrcode({

       text: windowlocationhref,//二维码代表的字符串（本页面的URL）

       width: 150,//二维码宽度

       height: 150//二维码高度

    });

</script>

1、设置或获取整个

URL

为字符串：

windowlocationhref

2、设置或获取与

URL

关联的端口号码：

windowlocationport

3、设置或获取

URL

的协议部分

windowlocationprotocol

4、设置或获取

href

属性中跟在问号后面的部分

windowlocationsearch

5、获取变量的值(截取等号后面的部分)

复制代码

代码如下:

var

url

=

windowlocationsearch;

//

alert(urllength);

//

alert(urllastIndexOf('='));

var

loc

=

urlsubstring(urllastIndexOf('=')+1,

urllength);

6、设置或获取

URL

的协议部分：

windowlocationprotocol

7、设置或获取

href

属性中在井号“#”后面的分段：

windowlocationhash

8、设置或获取

location

或

URL

的

hostname

和

port

号码：

windowlocationhost

windowlocation

属性 描述

hash 设置或获取 href 属性中在井号“#”后面的分段。

host 设置或获取 location 或 URL 的 hostname 和 port 号码。

hostname 设置或获取 location 或 URL 的主机名称部分。

href 设置或获取整个 URL 为字符串。

pathname 设置或获取对象指定的文件名或路径。

port 设置或获取与 URL 关联的端口号码。

protocol 设置或获取 URL 的协议部分。

search 设置或获取 href 属性中跟在问号后面的部分。

如windowlocationhref 设置或获取整个 URL 为字符串。

以上就是关于获取当前页面url参数的三种方法全部的内容，包括:获取当前页面url参数的三种方法、怎么得到电脑中的图片url地址、jsp怎么获取当前页面的url等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！