具有相同名称的 JavaScript 函数

Question

我想在js中使用同名函数，基本上只有一个链接:

<a onClick="showjury1();" >show</a>

当用户在桌面上时，我希望执行此代码:

if (window.screen.width >= 1150) {
  function showjury1() {
    document.getElementById("jury1").style.display = "block";
    document.getElementById("juryline1").style.display = "none";
  }
}

当用户使用移动设备或使用任何其他分辨率时，我希望执行此代码:

if (window.screen.width <= 500) {
  function showjury1() {
    document.getElementById("jury1").style.display = "none";
    document.getElementById("juryline1").style.display = "block";
  }
}

这可能吗？我已经执行了，但出现错误； jury1 未定义等。

Answer 1

为什么需要定义该函数两次？只要正确使用你的条件语句

function showjury1()
{
    if(window.screen.width >= 1150)
    {
         document.getElementById("jury1").style.display = "block";
         document.getElementById("juryline1").style.display = "none";
    }
    else if(window.screen.width <= 500)
    {
        document.getElementById("jury1").style.display = "none";
        document.getElementById("juryline1").style.display = "block";
    }
    else
    {
       // might want to do something here too
    }
}