是一种引人注目的JavaScript？；

每个人。我现在在学校学习JavaScript。我们的老师建议我们不要使用突兀的JavaScript。所以我想知道是否innerHTML的突兀与否，非常感谢

没有属性本质上是突出或不突出的JavaScript的一部分

一段JavaScript是否不引人注目取决于它是如何设计的

这很突出。如果JS不工作，那么什么也不会发生

<button type="button">
    Show the answer
</button>
<script>
    document.querySelector("button").addEventListener("click", show);
    function show() { document.body.innerHTML = "The answer"; }
</script>

给出答案
document.querySelector（“按钮”）.addEventListener（“单击”，显示）；
函数show（）{document.body.innerHTML=“答案”；}

这是不引人注目的。如果JS不工作，那么JS的功能将被服务器端回退所取代

<a href="the-answer.html">
    Show the answer
</a>
<script>
    document.querySelector("a").addEventListener("click", show);
    function show(e) { 
        e.preventDefault();
        document.body.innerHTML = "The answer"; 
    }
</script>

document.querySelector（“a”）.addEventListener（“单击”，显示）；
函数show（e）{
e、 预防默认值（）；
document.body.innerHTML=“答案”；
}

这是不引人注目的（提供的功能并不重要）。如果JS不工作，那么按钮就根本不显示（因此没有损坏的按钮）

var button=document.createElement（“按钮”）；
button.type=“button”；
document.body.appendChild（按钮）；
按钮。addEventListener（“单击”，显示）；
函数show（）{
document.body.innerHTML=“答案”；
}

我想你的老师希望你避免使用内联javascript

从Wikipedia设置单击处理程序而不是内联onclick函数的示例中可以看出

---

这取决于你如何使用它

例如，如果用户在AJAX请求中单击以下链接后使用

innerHTML

更改其他元素的内部工作方式：

…是的，你在使用它。 如果你要做这样的事情：

您有一个外部JavaScript文件来处理代码，它修改另一个元素的

innerHTML

，而不是悄悄地使用它

第一个例子是突兀的，因为该链接将为启用JavaScript的用户显示“page.html”的内容，而不为未启用JavaScript的用户显示

第二个示例是不引人注目的，因为无论是否使用JavaScript，用户都会看到“page.html”的内容

请阅读以下内容：

归根结底，当JavaScript不可用时，您的站点及其内容应该仍然可以访问——这是保证这一点的唯一方法 是通过使用不引人注目的JavaScript技术实现的

---

来源：

如果有必要，可以使用

textContent

，

innerHTML

，但我从来没有听说过淫秽的javascript…innerHTML是有风险的，因为如果您在这个属性中编写用户提供的文本，它可能会无意中变成HTML，其中可能包含跨站点脚本（XSS）攻击。

<script>
    var button = document.createElement("button");
    button.type = "button";
    document.body.appendChild(button);
    button.addEventListener("click", show);
    function show() { 
        document.body.innerHTML = "The answer"; 
    }
</script>