Javascript 为什么按钮标记onclick=methodname不提供输出，而onclick=operation提供输出

在下面的代码中，如果我使用

onclick=“document.getElementById（'s'）.style.background='green'”

更改Submit按钮的背景色，则它会完全更改，但如果我使用函数调用，则它无法工作，我尝试使用Clear按钮。我已经对函数进行了评论。如果你对此有任何解决办法，请回答我

函数打开（）{
x=document.getElementById（'s'）；
x、 style.background=“绿色”；
}
函数关闭（）{
document.getElementById（'c'）.style.background=“红色”；
}

事件代码与我同在
改变风格
提交
清楚的

open（）方法是JS打开新浏览器窗口或新选项卡的默认方法，因此可以使用任何其他方法名称更改它，例如

function openModal() {
    x = document.getElementById('s');
    x.style.background = "green";
}
<button id="s" onclick="openModal">Submit</button>

函数openModal（）{
x=document.getElementById（'s'）；
x、 style.background=“绿色”；
}
提交

查看此代码片段：

事件代码与我同在
改变风格
提交
清楚的
函数openX（）{
x=document.getElementById（'s'）；
x、 style.background=“绿色”；
}
函数closeX（）{
document.getElementById（'c'）.style.background=“红色”；
}

close（）

是将函数命名为close并调用click时窗口对象上的一个方法。浏览器引擎调用了windows

close（）

方法，而不是您的close方法。解决这个问题的一个简单方法是重命名函数

函数打开（）{
x=document.getElementById（'s'）；
x、 style.background=“绿色”；
}
函数closeX（）{
document.getElementById（'c'）.style.background=“红色”；
}

事件代码与我同在
改变风格
提交
清楚的

我尝试了使用函数调用的代码，因为open（）和close（）是javascript中内置的函数，不要忘记在tag:）中编写js代码

指定另一个函数名，而不是“打开”和“关闭”

---

干得不错，但可以在

HTML代码片段

（标签为

的

图像

按钮旁边的按钮）中发布。它帮助其他人在不重写代码的情况下使用该代码。你在用记事本吗？是的，当然。谢谢你。不，我正在使用Visual Studio代码。