Javascript ul li导航-从onclick获取参数值

我有三个导航菜单。每个菜单都有许多参数。输入所有值后，我想保存它们。对于每个菜单，单击我调用的“checkMyFunction（）”并尝试将其保存在localStorage中。完成后，我有一个保存按钮（这里不包括）从localStorage创建一个json文件

我的问题是：对于每一次菜单点击，我想得到我没有得到的参数值“val”，而是得到文件位置的整个路径。有人能推荐我吗？谢谢

函数checkMyFunction（val）{
警报（val）；
如果（val=='one'）{
一个（）；
}
否则如果（val=='two'）{
二（）；
}
否则，如果（val=='three'）{
三个（）；
}
其他的
{ 
警报（“尚未包括在内”）；
}
}
功能一（）{
警报（“这是与功能一相关的”）；
}
函数二（）{
警报（“这是两个相关的功能”）；
}
职能三（）{
警报（“这是功能三相关”）；
}

功能检查

这只是因为您只传递了一个参数，并且在代码中引用了错误的参数。以下是有效的方法

const checkMyFunction=（e，val）=>{
val=='first'？one（）：val=='second'？two（）：val=='third'？three（）：警报（“尚未包括”）；
}
常数一=（）=>{
警报（“这是与功能一相关的”）；
}
常数二=（）=>{
警报（“这是两个相关的功能”）；
}
常数三=（）=>{
警报（“这是功能三相关”）；
}

功能检查

最简单的方法是在函数中添加一个新的“obj”参数，并将“one”等条件更新为“first”

函数checkMyFunction（obj，val）{
警报（val）；
如果（val=='first'）{
一个（）；
}
else if（val=='second'）{
二（）；
}
else if（val=='third'）{
三个（）；
}
其他的
{ 
警报（“尚未包括在内”）；
}
}
功能一（）{
警报（“这是与功能一相关的”）；
}
函数二（）{
警报（“这是两个相关的功能”）；
}
职能三（）{
警报（“这是功能三相关”）；
}

既然您将两个参数传递给事件处理程序，

checkMyFunction（hyperlink，val）

？其他方法是在链接上使用一个数据属性并询问该属性：

data val=“first”

和

hyperlink.getAttribute（'data-val'）