gpt4 book ai didi

javascript - 如何从 JavaScript 中的 url 获取路径名值?

转载 作者:行者123 更新时间:2023-12-01 00:50:55 26 4
gpt4 key购买 nike

我有这个:

http://example.com/iu4pa9rm8vfh.html?param_1

我想要这个:

iu4pa9rm8vfh
var url ="http://example.com/iu4pa9rm8vfh.html?param_1";
document.getElementById("demo").innerHTML =
"The pathname of this page is :" + url.pathname;

提前感谢您的指导!

更新结果中的问题是什么

<!DOCTYPE html>
<html>

<body>

<p id="demo"></p>

<script>
const url = new URL("http://example.com/iu4pa9rm8vfh.html?param_1")
const pathname = url.pathname.match(/([0-9a-z]+)/)
console.log(pathname[0])

document.getElementById("demo").innerHTML = "The pathname of this page is :" + pathname;
</script>

</body>

</html>

最佳答案

您可以使用 URL 构造函数来构建 URL 对象,如下所示:

const url = new URL("http://example.com/iu4pa9rm8vfh.html?param_1")
console.log(url.pathname)

然后去掉你不需要的部分。或者更确切地说,在下面的示例中,对路径名执行正则表达式以仅检索字母数字字符:

const url = new URL("http://example.com/iu4pa9rm8vfh.html?param_1")
const pathname = url.pathname.match(/([0-9a-z]+)/)
console.log(pathname[0])

请注意,如果您向 URL 构造函数提供无效的 URL,则会引发错误,因此请确保捕获该错误并妥善处理。

有关URL的更多信息:

<小时/>

正如您用 标记此问题一样标签(也许您需要一个在 <=IE11 中工作的答案为 these browsers do not support the URL constructor ),那么这里是您可以使用的方法:

function parseUrl(url) {
var a = document.createElement('a');
a.href = url;
return a;
}

const url = parseUrl('http://example.com/iu4pa9rm8vfh.html?param_1')
const pathname = url.pathname.match(/([0-9a-z]+)/)
console.log(pathname[0])

(修改自 this answer 。)

关于javascript - 如何从 JavaScript 中的 url 获取路径名值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59966711/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com