鱼C论坛

 找回密码
 立即注册
查看: 642|回复: 4

[已解决]html接受参数

[复制链接]
发表于 2023-6-1 11:20:56 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
我有一个index.html,现在通过index.html?do=test访问,请问如何通过JavaScript用do接受这个“test”
最佳答案
2023-6-1 11:24:45
你可以使用JavaScript的 URLSearchParams 对象来解析URL参数。下面是一个例子:
var urlParams = new URLSearchParams(window.location.search);

var doParam = urlParams.get('do'); // 如果URL中有do参数,那么这将是它的值,否则为null

console.log(doParam); // "test"
上面的代码首先从当前窗口的URL中获取查询字符串(即URL中 ? 后面的部分),然后通过 URLSearchParams 对象的 get 方法获取 do 参数的值。如果 do 参数不存在, get 方法将返回 null 。

要注意的是,这段代码在你的HTML文件被作为一个web页面加载的时候才能工作。如果你直接在浏览器中打开HTML文件(即URL以 file:// 开头),那么 window.location.search 将总是为空字符串,因为没有查询字符串。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2023-6-1 11:24:45 | 显示全部楼层    本楼为最佳答案   
你可以使用JavaScript的 URLSearchParams 对象来解析URL参数。下面是一个例子:
var urlParams = new URLSearchParams(window.location.search);

var doParam = urlParams.get('do'); // 如果URL中有do参数,那么这将是它的值,否则为null

console.log(doParam); // "test"
上面的代码首先从当前窗口的URL中获取查询字符串(即URL中 ? 后面的部分),然后通过 URLSearchParams 对象的 get 方法获取 do 参数的值。如果 do 参数不存在, get 方法将返回 null 。

要注意的是,这段代码在你的HTML文件被作为一个web页面加载的时候才能工作。如果你直接在浏览器中打开HTML文件(即URL以 file:// 开头),那么 window.location.search 将总是为空字符串,因为没有查询字符串。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2023-6-1 13:47:06 | 显示全部楼层
// 获取 URL 中的查询参数
const params = new URLSearchParams(window.location.search);

// 获取 do 参数的值
const doValue = params.get("do");

// 输出 do 参数的值到控制台
console.log(doValue);
求最佳,isdkz少一个最佳不会怎么样的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2023-6-1 13:51:32 | 显示全部楼层
liuhongrun2022 发表于 2023-6-1 13:47
求最佳,isdkz少一个最佳不会怎么样的

isdkz就算了(肯定第一),可是万一你最佳超过了我怎么办
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2023-6-1 13:54:36 From FishC Mobile | 显示全部楼层
歌者文明清理员 发表于 2023-6-1 13:51
isdkz就算了(肯定第一),可是万一你最佳超过了我怎么办


那行吧
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-6-26 14:27

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表