如何获取地址栏中的url

author author     2023-03-13     551

关键词:

1.首先打开浏览器,在百度搜索中输入搜索关键字。(演示以搜索“百度一下”为例)

2.在搜索页面的顶部就是对应的URL(也就是常说的网页网址)。

3.选择地址栏的网址,然后右键鼠标选择【复制】,将网页的网址进行复制。

4.复制完后,可以在word文档,记事本等软件将网址(URL)进行保存。

参考技术A 方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)

function GetQueryString(name)

var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
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"));

下面举一个例子:
若地址栏URL为:abc.html?id=123&url=http://www.maidq.com
那么,但你用上面的方法去调用:alert(GetQueryString("url"));
则会弹出一个对话框:内容就是 http://www.maidq.com
如果用:alert(GetQueryString("id"));那么弹出的内容就是 123 啦;
当然如果你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错:
所以我们要加一个判断 ,判断我们请求的参数是否为空,首先把值赋给一个变量:

var myurl=GetQueryString("url");
if(myurl !=null && myurl.toString().length>1)

alert(GetQueryString("url"));


这样就不会报错了!
方法二:传统方法
<script type="text/javascript">
function UrlSearch()

var name,value;
var str=location.href; //取得整个地址栏
var num=str.indexOf("?")
str=str.substr(num+1); //取得所有参数 stringvar.substr(start [, length ]
var arr=str.split("&"); //各个参数放到数组里
for(var i=0;i < arr.length;i++)
num=arr[i].indexOf("=");
if(num>0)
name=arr[i].substring(0,num);
value=arr[i].substr(num+1);
this[name]=value;



var Request=new UrlSearch(); //实例化
alert(Request.id);
</script>
比如说把这个代码存为1.html
那么我要访问1.html?id=test
这个时候就取到test的值了

在html里调用
<script type="text/javascript">
var a="http://baidu.com";
</script>
</head>
<body>
<a id="a1" href="">sadfsdfas</a>
<script>
var a1=document.getElementById("a1");
a1.href=a;
</script>
<script type="text/javascript">
var a="http://xxx.com/gg.htm?cctv";
var s=a.indexOf("?");
var t=a.substring(s+1);// t就是?后面的东西了

</script>
stringvar.substr(start [, length ]
返回一个从指定位置开始的指定长度的子字符串。
stringvar
必选项。要提取子字符串的字符串文字或 String 对象。
start
必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length
可选项。在返回的子字符串中应包括的字符个数。
如果 length 为 0 或负数,将返回一个空字符串。如果没有指定该参数,则子字符串将延续到 stringvar 的最后。
下面列举出一些相关的参数:
str.toLowerCase() 转换成小写
str.toUpperCase() 字符串全部转换成大写
URL即:统一资源定位符 (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直接定位到某一名词解释。(也称为锚点.)
对于这样一个URL
http://www.maidq.com/index.html?ver=1.0&id=6#imhere
我们可以用javascript获得其中的各个部分
1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)
本例返回值: http://www.maidq.com/index.html?ver=1.0&id=6#imhere
2,window.location.protocol
URL 的协议部分
本例返回值:http:
3,window.location.host
URL 的主机部分
本例返回值:www.maidq.com
4,window.location.port
URL 的端口部分
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符
本例返回值:""
5,window.location.pathname
URL 的路径部分(就是文件地址)
本例返回值:/fisker/post/0703/window.location.html
6,window.location.search
查询(参数)部分
除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
本例返回值:?ver=1.0&id=6
7,window.location.hash
锚点
本例返回值:#imhere
参考技术B 直接var url = location.href;不香吗

如何删除 URL 中的参数并将其显示在地址栏中而不会导致 Javascript 中的重定向?

】如何删除URL中的参数并将其显示在地址栏中而不会导致Javascript中的重定向?【英文标题】:HowtoremoveparametersinURLanddisplayitinaddressbarwithoutcausingredirectinJavascript?【发布时间】:2012-01-2014:20:58【问题描述】:我找到了很多关于如何... 查看详情

地址栏参数获取(代码片段)

两种方法获取地址栏中传递的参数第一种:字符串拆分法window.location.href或者location.href或者window.location获得地址栏中的所有内容decodeURI()可以解码地址栏中的数据恢复中文数据window.search获得地址栏中问号及问号之后的数据//获取... 查看详情

地址传值中截取地址栏中的参数

/*截取地址栏中的参数所调用的函数*/functionGetRequest(){ varurl=location.search;//获取url中"?"符后的字串  vartheRequest=newObject();  if(url.indexOf("?")!=-1){     varstr=url 查看详情

如何使用js获取修改url

使用js对当前的URL进行操作,可以使用内置对象window.location;window.location有以下属性:window.location.href:取得当前地址栏中的完整URL,可以通过赋值改变当前地址栏中的URL;window.location.search取得当前URL的参数部分,即“?”后面的... 查看详情

如何在每个页面的地址栏中保持相同的 url?

】如何在每个页面的地址栏中保持相同的url?【英文标题】:HowcanIkeepthesameurlintheaddressbarforeverypage?【发布时间】:2011-10-2815:42:08【问题描述】:我有一个使用Codeigniter构建的网站,其中有很多页面和目录。假设站点名称是www.examp... 查看详情

Facebook 如何在不重新加载页面或使用 # 或的情况下更改浏览器地址栏中的 URL?

】Facebook如何在不重新加载页面或使用#或的情况下更改浏览器地址栏中的URL?【英文标题】:HowdoesFacebookchangetheURLinthebrowser\'saddressbarwithoutpagereloadoruseof#or?【发布时间】:2011-10-1106:17:18【问题描述】:几个月前,我在vkontakte.ru(... 查看详情

PHP将变量附加到地址栏中的url

】PHP将变量附加到地址栏中的url【英文标题】:PHPappendvariabletourlinaddressbar【发布时间】:2015-11-2705:05:13【问题描述】:我想知道是否可以在页面加载时将变量附加到地址栏中的url。演示:http://communityimpact.com/discussions/当前页面... 查看详情

从 Google Chrome 的地址栏中获取文本(不是 url)

】从GoogleChrome的地址栏中获取文本(不是url)【英文标题】:Gettext(noturl)fromaddressbarinGoogleChrome【发布时间】:2011-02-0922:08:58【问题描述】:我想使用Javascript检索用户在当前可见地址栏中键入的文本。这仅适用于谷歌浏览器。这... 查看详情

明显重写的 URL 重写(更改地址栏中的 URL)

】明显重写的URL重写(更改地址栏中的URL)【英文标题】:URLrewritingthatvisiblyrewrites(changestheURLintheaddressbar)【发布时间】:2011-01-0612:01:44【问题描述】:我之前问过这个问题的补充:Mod_rewriteinvisibly:workswhentargetisafile,notwhenit\'sadirec... 查看详情

如何在状态栏中隐藏 url 地址? [复制]

】如何在状态栏中隐藏url地址?[复制]【英文标题】:howtohideurladdressinstatusbar?[duplicate]【发布时间】:2011-06-2919:36:41【问题描述】:可能重复:JavaScript:Changebrowserwindowstatusmessage当我们将鼠标悬停在某些链接文本上时,目标链接会... 查看详情

更改地址栏中的完整 URL,无需重新加载页面

】更改地址栏中的完整URL,无需重新加载页面【英文标题】:ChangecompleteURLinadressbar,withoutreloadingthepage【发布时间】:2016-06-0801:24:27【问题描述】:我需要一个网页在访问时完全改变用户地址栏。例如:我访问www.X.com,但我的地... 查看详情

使用 htaccess 重定向子域而不更改地址栏中的 URL

】使用htaccess重定向子域而不更改地址栏中的URL【英文标题】:SubdomainredirectwithhtaccesswithoutchangingURLintheaddressbar【发布时间】:2013-09-2012:55:05【问题描述】:我在我的网络主机上设置了一个子域,如下所示:en.domain.compointingtothefol... 查看详情

RewriteRule 后如何在地址栏中保留原始 URL

】RewriteRule后如何在地址栏中保留原始URL【英文标题】:HowtokeeporiginalURLinaddressbarafterRewriteRule【发布时间】:2015-11-1321:04:44【问题描述】:这是我的.htaccess文件。Options+FollowSymLinks<IfModulemod_security.c>SecFilterEngineOffSecFilterScanPOSTO... 查看详情

java获取当前浏览器地址栏中的参数

...授权后我们要手动输入他返回的参数,但是我想让他自动获取,不知道该肿么做,另外,以前学java的时候也没好好学,最近花了两个星期捡起来了,还是不肿么熟练。。。哎追答恩你在获取这些参数时候oauth一般是通过一个url比... 查看详情

是否可以在浏览器的 url 地址栏中传递 json 格式? (获取方法)

】是否可以在浏览器的url地址栏中传递json格式?(获取方法)【英文标题】:isitpossibletopassjsonformatinbrowser\'surladdressbar?(GETmethod)【发布时间】:2011-12-2522:13:58【问题描述】:想在浏览器中测试我的url服务但需要传递json格式的数... 查看详情

如何在url地址栏中直接写数组参数进行传递

    今天博主遇到这样一个问题,就是如何在浏览器url地址栏中直接写入数组参数进行传递,问了身边几个同事,都没有找到成功的书写方法。就开始怀疑是否可以在地址栏中直接写入数组进行传递。开始在谷歌,... 查看详情

运行 streamlit 时如何在地址栏中显示 URL?

】运行streamlit时如何在地址栏中显示URL?【英文标题】:HowdoesonedisplayaURLintheaddressbarwhenrunningstreamlit?【发布时间】:2022-01-1123:37:53【问题描述】:假设我有一个网站名称。假设我将DNS配置为将该网站定向到特定IP地址(云资源)... 查看详情

jquery获取地址栏中的链接参数

...到自己的特效代码都是在jQuery上完成,想着能否直接通过获取地址栏中的链接参数里面的数字直接来实现效果。假设页面的地址是这样子的。http://caibaojian.com/p/165 ,那么我要获取最后的一个数字165,可以通过这样子的代码 查看详情