js获取网页url

JS获取网页的URL以及各参数 在前端开发过程中难免会遇到处理 url 参数的问题,使用框架进行项目开发时或许不用,它们有自带的获取参数的方式。但是抛开使用框架,我们也可以使用原生 js 方式或借助于第三方库来实现参数的获取。下面总结了几种获取 URL 参数的方式。name=张三&age=20&sex=male';// 使用?分隔字符串,并获取数组的第二个参数的值(下表索引为 1 )')[1];// 创建空对象存储各个参数// 通过 & 将每个参数截取出来。 阅读详情

var url;

url = window.location.href; /* 获取完整URL(当前地址栏中显示的URL) */  
alert(url); /* http://127.0.0.1:8080/Test/index.html#test?id=123 */  

url = window.location.pathname; /* 获取文件路径(文件地址) */  
alert(url); /* /Test/index.html */  

url = window.location.protocol; /* 获取协议 */  
alert(url); /* http */  

url = window.location.host; /* 获取主机地址和端口号 */  
alert(url); /* http://127.0.0.1:8080/ */  

url = window.location.hostname; /* 获取主机地址 */  
alert(url); /* http://127.0.0.1/ */  

url = window.location.port; /* 获取端口号 */  
alert(url); /* 8080 */  

url = window.location.hash; /* 获取锚点(“#”后面的分段) */  
alert(url); /* #test?id=123 */  

url = window.location.search; /* 获取属性(“?”后面的分段) */  
alert(url);  

/* 如果需要URL中的某一部分,可以自己进行处理 */  
url = window.location.pathname;  /* /Test/index.html */  
/* 如需:/index.html,取url中的第二个“/”后的*/
url = url.substring(url.lastIndexOf('/') + 1, url.length);  
alert(url); /* /index.html */  
/* 如需:/Test,取url中的第一个“/”到第二个“/”的*/
url = url.substring(url.lastIndexOf('/'), url.lastIndexOf('/') + 1);  
alert(url); /* /Test */  

/*  
    *注: 如果页面使用了框架(frameset)  
    * 要获取到指定页面的URL  
    * 只要把window换成指定的页面即可  
*/  
/* 'frame'为指定页面的class名 */  
var url = window.parent.frames['frame'].location.href;  
/* window和parent 可互换 */  
var url = parent.window.location.href;
使用JavaScript获取网页内容 通过原生JavaScript的DOM操作、AJAX请求或使用第三方库,我们可以轻松地获取网页中特定元素的内容、属性值,或者获取整个网页的内容。根据具体的需求和场景,选择合适的方法来获取网页内容,并进行进一步的处理和操作。在本文中,我将介绍如何使用JavaScript获取网页内容的几种常见方法,并提供相应的源代码示例。通过使用这些方法,我们可以获取元素的内容和属性值,并对它们进行进一步的处理。需要注意的是,使用第三方库可能需要在项目中引入相应的库文件或安装库的依赖。方法用于通过元素的id属性获取特定元素, 阅读详情

相关推荐

js获取网页url?后的get参数

废话不多说,直接上代码 function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pa

向宇的博客,专注php/web全栈 unity游戏开发,欢迎大家评论纠错 679

Javascript如何获取指定网页中的内容?

JS虽然确实可以获取网页内容,但是我得先说一下它的缺点,JS获取指定网页内容需要有相应的权限才可以,需要在PHP端添加:header(“Access-Control-Allow-Origin: *”);这两天有一个需求,就是通过JS去获取网页的内容,当然,除了今天我要分享的这个方法以外,其实通过Ajax的Get方法也是可以实现这个功能的,但是Ajax就比较麻烦一些了,如果只是单纯的想要获取一下纯内容,就没有那个必要了。然后在输入以下代码就可以了,JS就可以将获取到的网页内容,给输出到这个DIV标签里。

qq974416775的博客 1122

不止于使能:用汇川PLC功能块封装,实现伺服轴状态管理与安全逻辑

本文深入探讨了汇川PLC功能块封装在伺服轴控中的应用,详细介绍了如何通过高级封装技术实现伺服轴的状态管理与安全逻辑。文章涵盖了从基础使能到全生命周期监控的进化,多轴协同的实例化管理策略,以及安全逻辑的防御性编程技巧,为工业自动化领域的工程师提供了实用的解决方案和最佳实践。

weixin_28684825的博客 273

JS打开链接方式

1.方式一 直接重定向跳转 window.location.href = url; 2.方式二 打开一个新的窗口 window.open(url, "_blank", "scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes"); 3.方式三 打开一个新的tab页 window.open(url...

指尖有改变世界的力量 8847

别再瞎调了!STM32 Systick延时函数避坑指南(正点原子、野火、慧净代码对比)

本文深入解析STM32 Systick延时函数的实现差异与优化策略,对比正点原子、野火、慧净等主流方案的优缺点。针对us和ms级延时精度问题,提供避坑指南和高级优化技巧,帮助开发者根据项目需求选择最佳方案,提升嵌入式系统的定时控制精度。

weixin_28717807的博客 341

51单片机通过驱动器精准控制步进电机

51单片机驱动器控制步进电机 文章简介 本文为电机拖动课的总结,关于51单片机驱动步进电机的程序及接线方法。 1.驱动器简介 此驱动器为` 背景色是red ` 2.驱动器接线方法 3.单片机程序

weixin_59552290的博客 2万+

JS新标签页打开,让你的网站访问更加便捷

JS新标签页打开,让你的网站访问更加便捷

希望看完文章的你能够带着答案离开。 6854

Ubuntu双系统引导修复实战:boot-repair工具详解

本文详细介绍了使用boot-repair工具修复Ubuntu双系统引导丢失问题的实战方法。当GRUB引导菜单因安装新系统或更新而损坏时,通过制作Ubuntu启动盘进入Live环境,安装并运行boot-repair,可一键完成系统修复引导,自动化执行GRUB重装与配置,解决无法进入Windows或Ubuntu的常见故障。

weixin_29224589的博客 360

网页注入js代码实现获取请求的url和请求体内容,并获取响应体内容

效果如图所示,可以拦截网页中所有的http请求并获取响应体内容,将里面的信息都打印到控制台显示出来,这个可以用于注入任何网页里面,例如使用浏览器插件注入这个代码,就可以获取网页的所有数据,还是很厉害的具体的代码讲解逻辑和是对象的两个核心方法,用于发起 HTTP 请求。

1219

基于Multisim的智能交通灯控制系统仿真与实现(含动态闪烁功能)

本文详细介绍了基于Multisim的智能交通灯控制系统仿真与实现,重点解析了动态闪烁功能的电路设计。通过555定时器、74LS192计数器和JK触发器等核心模块,实现了主干道与支干道的交替通行及黄灯1Hz闪烁功能,为交通灯控制系统设计提供了完整的仿真方案。

weixin_29174013的博客 427

IPC-7351标准实战:如何用LPWizard_10快速生成PCB封装库(附避坑指南)

本文提供了一份详细的IPC-7351标准实战指南,手把手教你使用LPWizard_10软件快速生成符合行业标准的PCB封装库,并直接导入Cadence Allegro。文章深入解读了IPC-7351密度等级的选择逻辑,并重点分享了软件配置、QFN封装生成实战步骤,以及导出失败、焊盘异常等常见问题的避坑解决方案,旨在帮助硬件工程师提升设计效率和可靠性。

weixin_29207439的博客 158

javascript js 取得网页的url中带的参数 js 获取 url 参数

js 取得网页的url中带的参数 js 获取 url 参数

u011249282的专栏 474

人形机器人系列——硬件介绍

人形机器人是多领域交叉技术的产物,主要由三大系统组成:感知系统、决策系统和执行系统。感知系统感知系统是人形机器人获取外界信息的途径,主要由各种传感器组成。其中,视觉传感器用于获取图像信息,如摄像头、激光雷达等;触觉传感器用于感知触碰和压力,如力/力矩传感器、声学传感器等。这些传感器收集到的信息为机器人的决策和执行提供基础。决策系统决策系统是人形机器人的大脑,负责处理和决策各种信息。它由芯片和算法组成。芯片是硬件基础,提供计算能力;算法是软件基础,用于处理和分析传感器收集到的信息,并做出相应的决策。执行系统。

liangwqi的博客 1万+

JS获取当前网页url的参数

function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pa...

小白一直白 1048

RT-Thread新手必看:FMT飞控移植中的5个常见坑及解决方案

本文针对RT-Thread新手在移植FMT开源飞控时遇到的5大核心挑战,提供了深度解决方案。内容涵盖SCons构建系统配置、RT-Thread版本API兼容性处理、BSP与设备驱动适配、TOML系统配置解析以及算法模块集成调试,帮助开发者高效避坑,成功完成飞控移植。

gin88的博客 252

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

js 获取当前网页的URL, 不包含#及其后面部分

js 获取当前网页的URL, 不包含#及其后面部分

aaaaccccd的博客 952

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

js 获取网页的URL参数

//获取URL路径的传递值 this.getQueryString = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); ...

chuwa5121的博客 143

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

html截取url字段js,js 如何获取当前html网页的url信息呢?

摘要:下文讲述js获取当前网页所处的url相关信息的方法分享,如下所示:例:本地网页url:http://localhost:8899/main/infoTest---获取对象指定的文件名或路径。alert(window.location.pathname)输出:/main/infoTest---获取整个url链接串alert(window.location.href);---输出:http://...

weixin_30039755的博客 300

javascript获取网页URL地址及参数等

先看一个示例 用javascript获取url网址信息 document.write("location.host="+location.host+""); document.write("location.hostname="+location.hostname+""); document.write("location.href="+location.href+""); docu

小迷童 1509

javascript怎么获取指定url网页中的内容

javascript怎么获取指定url网页中的内容 一、总结 一句话总结:推荐jquery中ajax,简单方便。 1、js能跨域操作么? javascript出于安全机制不允许跨域操作的。 二、用php获取 javascript出于安全机制不允许跨域操作的。因此不能抓取其他网站的内容。可以使用php中的echo file_get_contents("网址");也可以使...

weixin_34167819的博客 4480

JavaScript如何获取网页url中的参数

我们可以自定义一个公共函数来实现网页url中的参数获取,返回的是一个数组 GetUrlRequest: function () { var url = decodeURI(location.search); var theRequest = new Object(); if (url.indexOf("?") !=...

a635541200的博客 154

一条JavaScript语句获取当前网页所有图片的url

在地址栏输入:javascript:str=;for%20(var1=0;var1然后查看新出来的页面的源代码若要显示出来,则:javascript:funcname=;for%20(var1=0;var1};if(funcname!=){document.write(+funcname+);void(document.close())}e

yakoo5的专栏 4159

js获取网页url拼接传递过来的参数

/*--获取网页传递的参数--*/ function request(paras) { var url = location.href; var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); var pa...

aimufei8864的博客 414

转:获取网页URL地址及参数等的两种方法(js和C#)

转:获取网页URL地址及参数等的两种方法(js和C#) 一 js 先看一个示例 用javascript获取url网址信息 &lt;script type="text/javascript"&gt; document.write("location.host="+location.host+"&lt;br&gt;"); document.w...

博客 143

javascript 获取网页地址(url)

直接上干货 document.write(""); thisURL = document.URL; thisHREF = document.location.href; thisSLoc = self.location.href; thisDLoc = document.location; strwrite = "thisURL: [" + thisURL + "]" strwrit

一米阳光 5531

javascript获取网页URL地址及参数

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

657
上一篇: 各种时间转换和某天的开始结束时间及各类时间管理
下一篇: 获取properties配置文件
无悔_人生
博客等级 码龄8年 0粉丝 5原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

无悔_人生

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值