精华内容
下载资源
问答
  • 在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1 1、[removed...
  • 在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。下面我们举例一个URL,然后获得它的各个组成部分:http://i.jb51.net/EditPosts.aspx?opt=11、window....

    在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。

    下面我们举例一个URL,然后获得它的各个组成部分:http://i.jb51.net/EditPosts.aspx?opt=1

    1、window.location.href(设置或获取整个 URL 为字符串)

    var test = window.location.href;

    alert(test);

    返回:http://i.jb51.net/EditPosts.aspx?opt=1

    2、window.location.protocol(设置或获取 URL 的协议部分)

    var test = window.location.protocol;

    alert(test);

    返回:http:

    3、window.location.host(设置或获取 URL 的主机部分)

    var test = window.location.host;

    alert(test);

    返回:i.jb51.net

    4、window.location.port(设置或获取与 URL 关联的端口号码)

    var test = window.location.port;

    alert(test);

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

    5、window.location.pathname(设置或获取与 URL 的路径部分(就是文件地址))var test = window.location.pathname;

    alert(test);

    返回:/EditPosts.aspx

    6、window.location.search(设置或获取 href 属性中跟在问号后面的部分)

    var test = window.location.search;

    alert(test);

    返回:?opt=1

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

    7、window.location.hash(设置或获取 href 属性中在井号“#”后面的分段)

    var test = window.location.hash;

    alert(test);

    返回:空字符(因为url中没有)

    8、js获取url中的参数值

    一、正则法

    function getQueryString(name) {

    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');

    var r = window.location.search.substr(1).match(reg);

    if (r != null) {

    return unescape(r[2]);

    }

    return null;

    }

    // 这样调用:

    alert(GetQueryString("参数名1"));

    alert(GetQueryString("参数名2"));

    alert(GetQueryString("参数名3"));

    二、split拆分法

    function GetRequest() {

    var url = location.search; //获取url中"?"符后的字串

    var theRequest = new Object();

    if (url.indexOf("?") != -1) {

    var str = url.substr(1);

    strs = str.split("&");

    for(var i = 0; i < strs.length; i ++) {

    theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);

    }

    }

    return theRequest;

    }

    var Request = new Object();

    Request = GetRequest();
    // var id=Request["id"];

    // var 参数1,参数2,参数3,参数N;

    // 参数1 = Request['参数1'];

    // 参数2 = Request['参数2'];

    // 参数3 = Request['参数3'];

    // 参数N = Request['参数N'];

    三、指定取

    比如说一个url:http://i.jb51.net/?j=js,我们想得到参数j的值,可以通过以下函数调用。

    function GetQueryString(name) {

    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

    var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配

    var context = "";

    if (r != null)

    context = r[2];

    reg = null;

    r = null;

    return context == null || context == "" || context == "undefined" ? "" : context;

    }

    alert(GetQueryString("j"));

    四、单个参数的获取方法

    function GetRequest() {

    var url = location.search; //获取url中"?"符后的字串

    if (url.indexOf("?") != -1) { //判断是否有参数

    var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串

    strs = str.split("="); //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)

    alert(strs[1]); //直接弹出第一个参数 (如果有多个参数 还要进行循环的)

    }

    }

    javascript 获取当前 URL 参数的两种方法

    //返回的是字符串形式的参数,例如:class_id=3&id=2&

    function getUrlArgStr(){

    var q=location.search.substr(1);

    var qs=q.split('&');

    var argStr='';

    if(qs){

    for(var i=0;i

    argStr+=qs[i].substring(0,qs[i].indexOf('='))+'='+qs[i].substring(qs[i].indexOf('=')+1)+'&';

    }

    }

    return argStr;

    }

    //返回的是对象形式的参数

    function getUrlArgObject(){

    var args=new Object();

    var query=location.search.substring(1);//获取查询串

    var pairs=query.split(",");//在逗号处断开

    for(var i=0;i

    var pos=pairs[i].indexOf('=');//查找name=value

    if(pos==-1){//如果没有找到就跳过

    continue;

    }

    var argname=pairs[i].substring(0,pos);//提取name

    var value=pairs[i].substring(pos+1);//提取value

    args[argname]=unescape(value);//存为属性

    }

    return args;//返回对象

    }

    另外列出一些 javascript 获取url中各个部分的功能方法:

    window.location.host; //返回url 的主机部分,例如:www.xxx.com

    window.location.hostname; //返回www.xxx.com

    window.location.href; //返回整个url字符串(在浏览器中就是完整的地址栏),例如:www.xxx.com/index.php?class_id=3&id=2

    window.location.pathname; //返回/a/index.php或者/index.php

    window.location.protocol; //返回url 的协议部分,例如: http:,ftp:,maito:等等。

    window.location.port //url 的端口部分,如果采用默认的80端口,那么返回值并不是默认的80而是空字符

    以上就是本文的全部内容,希望对大家理解如何获取当前页面url网址信息有所帮助。

    展开全文
  • 如何把网址作为参数值传输?...使用urlencode 可以实现接口访问中参数值为URL网址的情况。 解决了字符串中由于敏感字符无法传参的问题。 描述: urlencode ( string $str ) : string This functi...

    通过PHP的urlencode

    使用urlencode 可以实现接口访问中参数值为URL网址的情况。
    解决了字符串中由于敏感字符无法传参的问题。
    描述:

    • urlencode ( string $str ) : string
      This function is convenient when encoding a string to be used in a query part of a URL, as a convenient way to pass variables to the next page.
      urlencode()编码:对字符串中除了 -_. 之外的所有非字母数字字符都将被替换成百分号(%)后跟两位十六进制数,空格则编码为加号(+)。
      urldecode()解码:还原 URL 编码字符串。
      示例:
    <?php
    echo urlencode("https://dfq.talk.com/test.html?user=blackbox&room=5ca481e99a88ab02be37bdf3&console=true");
    ?>
    //输出结果如下。
    //https%3A%2F%2Fdfq.talk.com%3A3004%2Ftest.html%3Fuser%3Dblackbox%26room%3D5ca481e99a88ab02be37bdf3%26console%3Dtrue
    //如果想查看原网址,使用urldecode()解码即可。
    

    参考链接:
    https://blog.csdn.net/resilient/article/details/83177100

    通过JavaScript的encodeURI()、encodeURIComponent()函数

    示例

    $scope.send_email_invite=function(){
    	var inviteUrl=encodeURIComponent(location.href);
    	var email=$(".email_value").val();
    
    	const Http = new XMLHttpRequest();
    	var send_email_url = "https://dfq.test.com/send_email.php?name="+$scope.localUserName+"&email="+email+"&url="+inviteUrl;
    	Http.open("GET",send_email_url);
    	Http.send();
    
    	Http.onreadystatechange = function ( ) {
    		if (this.readyState == 4 && this.status == 200) {
    			var HttpResponseObj = JSON.parse(Http.responseText);
    			console.log(HttpResponseObj);
    		}
    	}
    }
    

    在这里插入图片描述
    参考链接:
    https://www.w3school.com.cn/jsref/jsref_encodeuri.asp
    https://www.cnblogs.com/seasons1987/p/3357775.html

    展开全文
  • 在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=11、window....

    在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。

    下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1

    1、window.location.href(设置或获取整个 URL 为字符串)

    var test = window.location.href;

    alert(test);

    返回:http://i.cnblogs.com/EditPosts.aspx?opt=1

    2、window.location.protocol(设置或获取 URL 的协议部分)

    var test = window.location.protocol;

    alert(test);

    返回:http:

    3、window.location.host(设置或获取 URL 的主机部分)

    var test = window.location.host;

    alert(test);

    返回:i.cnblogs.com

    4、window.location.port(设置或获取与 URL 关联的端口号码)

    var test = window.location.port;

    alert(test);

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

    5、window.location.pathname(设置或获取与 URL 的路径部分(就是文件地址))

    var test = window.location.pathname;

    alert(test);

    返回:/EditPosts.aspx

    6、window.location.search(设置或获取 href 属性中跟在问号后面的部分)

    var test = window.location.search;

    alert(test);

    返回:?opt=1

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

    7、window.location.hash(设置或获取 href 属性中在井号“#”后面的分段)

    var test = window.location.hash;

    alert(test);

    返回:空字符(因为url中没有)

    8、js获取url中的参数值

    一、正则法

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    function getQueryString(name) {

    var reg =new RegExp('(^|&)' + name +'=([^&]*)(&|$)','i');

    var r = window.location.search.substr(1).match(reg);

    if (r !=null) {

    return unescape(r[2]);

    }

    return null;

    }

    // 这样调用:

    alert(GetQueryString("参数名1"));

    alert(GetQueryString("参数名2"));

    alert(GetQueryString("参数名3"));

    二、split拆分法

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    function GetRequest() {

    var url = location.search;//获取url中"?"符后的字串

    var theRequest =new Object();

    if (url.indexOf("?") != -1) {

    var str = url.substr(1);

    strs = str.split("&");

    for(var i = 0; i < strs.length; i ++) {

    theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);

    }

    }

    return theRequest;

    }

    var Request =new Object();

    Request = GetRequest();
    // var id=Request["id"];

    // var 参数1,参数2,参数3,参数N;

    // 参数1 = Request['参数1'];

    // 参数2 = Request['参数2'];

    // 参数3 = Request['参数3'];

    // 参数N = Request['参数N'];

    三、指定取

    比如说一个url:http://i.cnblogs.com/?j=js,我们想得到参数j的值,可以通过以下函数调用。

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    function GetQueryString(name) {

    var reg =new RegExp("(^|&)" + name +"=([^&]*)(&|$)","i");

    var r = window.location.search.substr(1).match(reg);//获取url中"?"符后的字符串并正则匹配

    var context ="";

    if (r !=null)

    context = r[2];

    reg =null;

    r =null;

    return context ==null || context =="" || context =="undefined" ?"" : context;

    }

    alert(GetQueryString("j"));

    四、单个参数的获取方法

    1

    2

    3

    4

    5

    6

    7

    8

    function GetRequest() {

    var url = location.search;//获取url中"?"符后的字串

    if (url.indexOf("?") != -1) {//判断是否有参数

    var str = url.substr(1);//从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串

    strs = str.split("=");//用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)

    alert(strs[1]);//直接弹出第一个参数 (如果有多个参数 还要进行循环的)

    }

    }

    以上就是本文的全部内容,希望对大家理解如何获取当前页面url网址信息有所帮助。

    展开全文
  • 这篇文章主要为大家介绍了js准确获取当前页面url网址信息的多种方法,包括正则法、split拆分法等,需要的朋友可以参考下在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url...

    这篇文章主要为大家介绍了js准确获取当前页面url网址信息的多种方法,包括正则法、split拆分法等,需要的朋友可以参考下

    在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。

    下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1

    1、window.location.href(设置或获取整个 URL 为字符串)

    var test = window.location.href;

    alert(test);

    返回:http://i.cnblogs.com/EditPosts.aspx?opt=1

    2、window.location.protocol(设置或获取 URL 的协议部分)

    var test = window.location.protocol;

    alert(test);

    返回:http:

    3、window.location.host(设置或获取 URL 的主机部分)

    var test = window.location.host;

    alert(test);

    返回:i.cnblogs.com

    4、window.location.port(设置或获取与 URL 关联的端口号码)

    var test = window.location.port;

    alert(test);

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

    5、window.location.pathname(设置或获取与 URL 的路径部分(就是文件地址))

    var test = window.location.pathname;

    alert(test);

    返回:/EditPosts.aspx

    6、window.location.search(设置或获取 href 属性中跟在问号后面的部分)

    var test = window.location.search;

    alert(test);

    返回:?opt=1

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

    7、window.location.hash(设置或获取 href 属性中在井号“#”后面的分段)

    var test = window.location.hash;

    alert(test);

    返回:空字符(因为url中没有)

    8、js获取url中的参数值

    一、正则法

    function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); } return null; } // 这样调用: alert(GetQueryString("参数名1")); alert(GetQueryString("参数名2")); alert(GetQueryString("参数名3"));

    二、split拆分法

    function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]); } } return theRequest; } var Request = new Object(); Request = GetRequest();
    // var id=Request["id"]; // var 参数1,参数2,参数3,参数N; // 参数1 = Request['参数1']; // 参数2 = Request['参数2']; // 参数3 = Request['参数3']; // 参数N = Request['参数N'];

    三、指定取

    比如说一个url:http://i.cnblogs.com/?j=js,我们想得到参数j的值,可以通过以下函数调用。

    function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配 var context = ""; if (r != null) context = r[2]; reg = null; r = null; return context == null || context == "" || context == "undefined" ? "" : context; } alert(GetQueryString("j"));

    四、单个参数的获取方法

    function GetRequest() { var url = location.search; //获取url中"?"符后的字串 if (url.indexOf("?") != -1) { //判断是否有参数 var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串 strs = str.split("="); //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔) alert(strs[1]); //直接弹出第一个参数 (如果有多个参数 还要进行循环的) } }

    展开全文
  • 在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1 ...
  • 下面我们就结合简单代码示例,给大家介绍jQuery获取当前页面url的实现方法。代码示例如下:jquery获取当前页面url示例$(function(){$("button").click(function(){var pageURL = $(location).attr("href");a...
  • 1、在WEB开发中,网页之间互相传递通过url来传递参数是特别常见,那么我们如何的url获取传递过来参数呢,我们下面就来总结一下使用JavaScript获取url网址参数一些方法以及常用api。 2、首先我们提供一个...
  • 在WEB开发中,时常会用到JavaScript来获取当前页面的URL网址信息,在这里是我的一些获取URL信息的小总结。 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1 1、window....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 383
精华内容 153
关键字:

如何获取网址的url