您的位置:首页 > 网页制作 > Javascript/Ajax

javascript获取当前url

作者: 来源:

2023-03-06 08:33:36

在WEB开发中,许多开发者都比较喜欢使用javascript来获取当前url网址,本文就此为大家总结一下比较常用获取URL的javascript实现代码,以下示例是前面为相应实现方法,后面是获取URL的效果,下面以例子讲解:

输入的网址是(没有框架):http://localhost:81/Test/1.htm?Did=123
<br>以下为输出:
<br>
<SCRIPT>

//获取Url传过来的值
function Request(name)
{
     new RegExp("(^|&)"+name+"=([^&]*)").exec(window.location.search.substr(1));
     return RegExp.$2
}

 

注意:RegExp 是javascript中的一个内置对象。为正则表达式。
RegExp.$1是RegExp的一个属性,指的是与正则表达式匹配的第一个 子匹配(以括号为标志)字符串,以此类推,RegExp.$2,RegExp.$3,..RegExp.$99总共可以有99个匹配
给你看了例子就知道了
var r= /^(\d{4})-(\d{1,2})-(\d{1,2})$/; //正则表达式 匹配出生日期(简单匹配)     
r.exec('1985-10-15');
s1=RegExp.$1;
s2=RegExp.$2;
s3=RegExp.$3;
alert(s1+" "+s2+" "+s3)//结果为1985 10 15

thisURL = document.URL;     // http://localhost:81/Test/1.htm?Did=123
thisHREF = document.location.href; // http://localhost:81/Test/1.htm?Did=123
thisSLoc = self.location.href;   // http://localhost:81/Test/1.htm?Did=123
thisDLoc = document.location;   // http://localhost:81/Test/1.htm?Did=123

thisTLoc = top.location.href;   // http://localhost:81/Test/1.htm?Did=123
thisPLoc = parent.document.location;// http://localhost:81/Test/1.htm?Did=123
thisTHost = top.location.hostname; // localhost
thisHost = location.hostname;   // localhost

thisU1 = window.location.protocol; // http:
thisU2 = window.location.host;   // localhost:81
thisU3 = window.location.pathname; // /Test/1.htm

document.writeln( thisURL + "<br />");
document.writeln( thisHREF + "<br />");
document.writeln( thisSLoc + "<br />");
document.writeln( thisDLoc + "<br />");

document.writeln( thisTLoc + "<br />");
document.writeln( thisPLoc + "<br />");
document.writeln( thisTHost + "<br />");
document.writeln( thisHost + "<br />");

document.writeln( thisU1 + "<br />");
document.writeln( thisU2 + "<br />");
document.writeln( thisU3 + "<br />");

document.writeln( "Did="+Request("Did") );// Did=123
</SCRIPT>

猜你喜欢

在WEB开发中,许多开发者都比较喜欢使用javascript来获取当前url网址,本文就此为大家总结一下比较常用获取URL的javascript实现代码,以下示例是前面为相应实现方法,后面是获取URL的效果,下面

2023-03-06 08:33:36

js 正则学习小记之匹配字符串字面量优化篇
昨天在《js 正则学习小记之匹配字符串字面量》谈到 /"(?://.|[^"])*"/ 是个不错的表达式,因为可以满足我们的要求,所以这个表达式可用,但

2020-11-03 10:54:19

js正则学习小记之匹配字符串字面量
关于匹配字符串问题,有很多种类型,今天讨论 js 代码里的字符串匹配,因为我想学完之后写个语法高亮练手,所以用js代码当作例子

2020-11-03 10:54:19

鼠标滑过列表文字显示图片及详细信息
此效果类似于当当网首页右侧的的7日畅销榜,因为工作需要,编写了一个,现分享出来,恐有不足之处,望提出宝贵意见,共同进步! 此效果的难

2020-02-13 18:27:00

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .a{ background:#FF0000;} .b{ background:#0000FF;} </style> </head> <scri

2019-12-20 17:26:39

<!DOCTYPE html> <html lang="en"> <head> <meta charset="gbk"> <script type="text/javascript" src="style002/js/jquery-1.7.2.min.js"></script> <sc

2019-12-20 09:29:57

<!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> <met

2019-12-11 16:58:26

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>切换</title> </head> <body> <br><br><br> <a href="javascript:void(0)" on

2019-12-09 17:34:17

图片带预览js代码
<div class="blank20"></div> <div class="main3c"> <p class="pb">缩略图上传<span>*</span></p> <p class="p1"> <a href="javascript

2019-12-07 13:49:32

<div class="main2g_c"> <p class="p1"><input type="file" id="file" class="file"/></p> <p class="p2"><img src="" id="img"/></p> <

2019-12-07 13:49:14

© 2007-2021 建站技术网版权所有联系QQ:2140427459