js获取url汇总

如何使用JavaScript获取当前URL? 在现代开发中,我们经常需要获取当前网页的URL来完成各种操作,例如页面重定向、参数解析等。在URL的处理上,JavaScript提供了一系列强大且便捷的工具。这篇文章将详细讲解如何使用JavaScript获取当前页面的URL,并分解URL的各个组成部分。 阅读详情

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

alert(window.location.pathname)

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

alert(window.location.href);

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

alert(window.location.port)

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

alert(window.location.protocol)

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

alert(window.location.hash)

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

alert(window.location.host)

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

alert(window.location.search)

8,获取变量的值(截取等号后面的部分)

 var url = window.location.search;

//    alert(url.length);

//    alert(url.lastIndexOf('='));

var loc = url.substring(url.lastIndexOf('=')+1, url.length);

9,用来得到当前网页的域名

var domain = document.domain;


在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>


url大全 NULL 博文链接:https://wy649898543.iteye.com/blog/1659574 立即下载

相关推荐

JavaScript获得url所有参数键值表的方法

本文实例讲述了JavaScript获得url所有参数键值表的方法。分享给大家供大家参考。具体实现方法如下: function getUrlVars() { var vars = [], hash; var hashes = [removed].href.slice[removed].href.indexOf('?') + 1).split('&'); for (var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]);

遍历网站的所有Url

网站的url分为很多种类:; ;;; ; 等等 难点: 递归遍历 获得页面每个url 同时请求(每种类型的请求方式都不同) 有些链接是重复的,需要去重 使用 Htmlparse 工具 下载htmlparser.jar 遍历 + 通过htmlparser 解析页面元素 [code="java"]public class Urll { // 定义的全局变量 pub...

我们已不在年轻 1514

保姆级教程:用海康威视老版存储服务器+IVMS-4200搭建本地监控录像(附软件获取与开机自启)

最近在帮朋友搭建一套小型监控系统时,遇到了一个颇具挑战性的问题:手头有几台海康威视网络摄像头,但官方已经下架了配套的存储服务器软件。经过一周的摸索和测试,终于找到了一套可靠的解决方案。本文将完整分享从软件获取到系统稳定运行的全过程,特别适合那些不想额外购买NVR设备,又需要本地存储监控录像的个人用户或小型企业IT管理员。

weixin_30553777的博客 516

js 获取url的多种方式

js 获取url的多种方式。

架构师:通透,才能写出好代码! 3335

CNC数控机床数据采集,CNC数据采集 设备联网 车间数字化

cnc数据采集 cnc机床数据采集 免受权采集 设备联网

weixin_38175277的博客 2778

坐标偏移不一致或瓦块重名的多个OSGB工程的融合

介绍如何使用实景三维小助手OSGBLab对坐标偏移不一致或瓦块重名的多个OSGB工程的融合

OSGBLab的博客 3234

6句JS代码遍历提取页面Urls

urls = [] $$('*').forEach(element => { urls.push(element.src) urls.push(element.href) urls.push(element.url) }); console.log(...new Set(urls))

慢就是快 1370

Lumerical FDTD新手必看:从零开始搭建光子晶体仿真环境(附完整脚本)

本文为Lumerical FDTD新手提供光子晶体仿真环境的完整搭建指南,涵盖从基础参数设置到脚本编写的全流程。通过典型光子晶体带隙分析案例,详细讲解结构建模、仿真参数配置及后处理技巧,并附赠完整MATLAB脚本,帮助用户快速掌握FDTD仿真核心技术。

3c4x5z6v7b的博客 1055

使用 JavaScript 获取当前 URL?

我想要的只是获取网站 URL。不是从链接中获取的 URL。在页面加载时,我需要能够获取网站的完整当前 URL,并将其设置为变量以随意使用。

HuntsBot的博客 2659

从仿真到实践:两级直接耦合放大电路的静态工作点协同调试指南

本文详细解析了两级直接耦合放大电路的静态工作点协同调试方法,从仿真到实践提供系统指南。重点介绍了Rc2电阻调整技巧、集电极电位测量方法及常见问题排查,帮助工程师解决各级静态工作点相互影响的难题,提升模拟电路设计效率。

weixin_29189373的博客 125

MIPI video mode 和 command mode 的区别

1、何为LCD RAM? LCD 是指字面意思是液晶显示屏(Liquid Crystal Display), 而RAM: 随机存取存储器(Random-Access Memory),两者完全是风马牛不相及的东西。 下图是一个标准的LCD的爆炸图(不含TP),请注意图中红色mark的地方:控制IC-- LCD的大脑。所谓的LCD RAM自然是指此大脑是否包含RAM. 题外话<不感兴趣的...

精诚所至 4691

Js-使用URL对象获取GET参数

概述 一般我们自己从URL中分析和提取参数都是比较麻烦的, 所以为了防止无休止的重复造轮子, 大多数的浏览器都内置了URL对象。 有了URL对象我们就可以将URL参数很方便的解析出来。 用法 创建URL对象 创建URL对象要使用URL构造函数, URL对象接收一个url地址参数。 let u = new URL('https://blog.youkuaiyun.com/qq_45458749'); console.dir(u); // console.dir()输出对象的属性和方法 可以在控制台中看..

qq_45458749的博客 2998

化工过程设计软件:Aspen Plus二次开发_(2).二次开发概述

假设我们需要创建一个自定义的换热器模型,该模型能够计算两个物流之间的热交换量,并根据传热系数和换热面积进行调整。ACM 模型代码示例!自定义换热器模型!参数:传热系数 U (W/m^2·K)!换热面积 A (m^2)!热物流 T_hot_in (K), T_hot_out (K), F_hot (kmol/h)!冷物流 T_cold_in (K), T_cold_out (K), F_cold (kmol/h)!模型输入!U - 传热系数!A - 换热面积!

kkchenjj的博客 370

JavaScript获取URL汇总

URL即统一资源定位符 (Uniform Resource Locator, URL),完整的URL由这几个部分构成: scheme://host:port/path?query#fragment scheme:通信协议,常用的http,ftp,maito等。 host:主机,服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。 port:端口号,整数,可选,省略时使用方案

晨曦雨露的博客 355

国科大学习资料--机器人智能控制_袁如意老师PPT后习题答案(学长精心整理)

人工神经元激活函数的作用是什么? 答:激活函数是用来加入非线性因素的,提高神经网络对模型的表达能力,解决线性模型所不能解决的问题。 人工神经网络的学习规则有哪些?各有何特征? 答:大类可以分为无监督学习算法、有监督学习算法和强化学习。其中无监督学习算法指只有输入信息,没有期望的输出信息,如Hebb学习规则,神经元连接强度的变化与两个相互连接的神经元的激活水平成正比。竞争学习法则:网络各输出单元相互竞争,最后达到只有一个最强者激活。有监督学习算法指同时提供输入信息和对应的期望输出信息,如误差学习(Delta学

无名何许人的博客 1488

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

php 获取 url hash,JavaScript获取URL汇总

URL即统一资源定位符 (Uniform Resource Locator, URL),完整的URL由这几个部分构成:scheme://host:port/path?query#fragmentscheme:通信协议,常用的http,ftp,maito等。host:主机,服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号,整数,可选,省略时使用方案的默认端口,如http的...

weixin_29531989的博客 330

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

【精品】JavaScript中获取URL中参数值的方法汇总

通过js获取url参数,这个经常用到。比如说一个url:http://wwww.fly63.com/?q=js,我们想得到参数q的值,那可以通过以下函数调用即可。

哈 1375

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

js获取url中参数方法汇总

【代码】js获取url中参数方法汇总。

duansamve的博客 270

实用JS小汇总--获取URL地址

<script language="javascript" type="text/javascript"> if(window.location.href.indexOf("overview.aspx")>0&& document.referrer.indexOf("NewForm.aspx")>0) { alert("感谢您的参...

weixin_34100227的博客 82

js 获取url问号前_收下这波 JS 技巧,从此少加班

各种业务开发都离不开对数据的处理,然而遇到的很多数据都是不好处理的。这个时候就需要寻求搜索引擎的帮助。这种方法效率是非常低下的,而且根据作者的个性不能保证其对自己的口味。因此这篇文字包含了一份 JS 常用业务函数手册,例如时间格式的处理、用的是哪个手机浏览器,手机号、邮箱的验证,以此来提高你的开发效率常用 JS 函数1.时间格式化界面展示的时间千变万化, 所以一个处理时间的函数,它的重要性就不言而...

weixin_32469089的博客 527

Javascript共通方法汇总

将平时项目中用到的js共通方法汇总于此,方便以后的使用(除ztree扩展外均已测试通过): cookie操作 添加cookie; 获取cookie; 删除cookie; 清除所有cookie; url操作 取得url中参数; string操作 对字符串进行base64编码; 对字符串进行base64解码; 对字符串进行UTF-8编码(返回UTF-8编码字符串); 对UTF-8编码字符...

TyphoonBull的博客 631

JavaScript中常用的方法汇总

防抖原理:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。 适用场景:1. 按钮提交场景:防止多次提交按钮,只执行最后提交的一次;2. 服务端验证场景:表单验证需要服务端配合,只执行一段连续的输入事件的最后一次;3. 搜索联想词场景; 节流原理:规定在一单位时间内。只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。 适用场景:1. 拖拽场景:固定时间只执行一次,防止超高频次触发位置变动;2. 缩放场景:监控浏览器resize;

分享前端工程化、AI 应用、Agent 开发与大模型实践! 859

如何使用 javascript 获取当前 url

在现代 Web 前端开发中,动态获取和解析当前页面的 URL 是一项基础但至关重要的技能。希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。在使用默认端口(HTTP 为 80,HTTPS 为 443)时返回空字符串,这一点在做端口判断时需要特别注意,避免逻辑错误。在处理用户输入的 URL 时,需进行严格的验证和清理,防止 XSS 攻击。构造函数是现代 Web API 的核心部分,它不仅可以解析 URL,还能用于构建和修改 URL。

一个做过前端开发的产品经理,经历过睿智产品的折磨导致脱发之后,励志要翻身"农奴"把歌唱,一边打入敌人内部一边持续提升自己,为我们广大开发同胞谋福祉,坚决抵制睿智产品折磨我们码农兄弟! 1324

js取得当前url,javascript获取当前页面url值,js获取域名

如果获取“当前”域名host = window.location.host; url=document.domain;  url = window.location.href;取得完整url路径: 用以下代码可以完整研证结果:   thisURL = document.URL;  thisHREF = document.location.href;  thisSLoc = self.locatio

zhiquan2008的专栏 6009

js 获取url问号前_js获取历史url

js获取历史url以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!一、JS高手呢,获取历史网址你的问题涉及到 Same Origin Policy(同源策略),这是一个关系到隐私和安全性的问题。任何浏览器都不会给你机会让你访问 **异域** 历史网址。但是,如果这三个页面在同一域名下,你可以使用 Javascript 的...

weixin_39730263的博客 2165
上一篇: Web SQL Database 与 Indexed Database
下一篇: localStorage详细总结
function__
博客等级 码龄10年 99粉丝 39原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值