建议你不要使用内联 Javascript
Javascript 是一种强大而又灵活的编程语言，常常被用于前端开发中。在网页开发的时候，我们经常需要使用 Javascript 来处理用户和网页交互。然而，在开发网页的过程中，很多开发者喜欢直接将 Javascript 代码写在 HTML 文件中（内联 Javascript），这种做法虽然使用方便，但很容易导致一些安全问题和代码质量问题。
安全问题
内联 Javascript 可以被看做是将 Javascript 代码写在 HTML 文件中，这使得攻击者可以很轻松地修改 Javascript 代码，并对您的网站造成攻击。攻击者可以轻松地在 Javascript 代码中插入恶意代码，从而窃取您网站上的敏感信息。这种攻击方式被称为 XSS 攻击。
因此，为了避免 XSS 攻击，我们建议将 Javascript 代码分离出 HTML 文件，并引入外部的 Javascript 文件。这种方法可以将 Javascript 代码隔离在独立的文件中，从而减少被攻击的风险。
代码质量问题
将 Javascript 代码直接写在 HTML 文件中，可能会造成代码复杂度的增加。这样的代码不仅难以维护，而且可能导致代码中包含大量的逻辑和函数，导致可读性的降低。这样的代码质量不仅会影响你的开发效率，还会影响你的用户体验。
因此，我们建议将 Javascript 代码分离出 HTML 文件，并使用模块化编程的方式来组织代码。这样可以使得代码更加清晰，并且易于维护。
示例代码
下面是一个内联 Javascript 的示例：
--------- -----
------
------
----- ----------------
--------- ---------- ----------
-------
------
------- --------------------- -----------------------
-------
-------下面是一个外部 Javascript 的示例：
---- ---------- ---
--------- -----
------
------
----- ----------------
--------- ---------- ----------
-------
------
------- ----------------------
------- -----------------------
-------
-------
---- ------- ---
-------------------------------------------------------- -------- -- -
------------ ---------
---结论
在开发前端应用程序时，我们强烈建议避免使用内联 Javascript。相反，我们应该将 Javascript 代码分离出 HTML 文件，并对其进行适当的组织和处理。这样可以避免安全问题和代码质量问题，使得代码更加清晰，易于维护，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66fb0399447136260154ae2a