JavaScript怎样嵌入网页(js嵌入html)

上周我正在学习如何将 JavaScript 代码嵌入到网页中。
我创建了一个名为“sample”的新 HTML 文件。
并用记事本打开它。
我按照教程输入了基本的 HTML 代码。
该网页有一条蓝线、一个按钮和一个文本字段。

然后我在 HTML <head> 标记之间插入了一段 JavaScript 代码。
因此，代码被放置在网页的开头。

我尝试了两种添加 JavaScript 的方法。
第一种是直接在页面的[xss_clean]标签中编写JavaScript代码。
第二种是添加外部 JS 文件，将 JS 代码存储在 .js 文件中，然后通过 [xss_clean][xss_clean] 标签将其暴露给 HTML。

我注意到您可以在 HTML 文档中的任何位置编写 JavaScript，例如 <body> 标记内或 <head> 标记内。
这样，当页面加载或用户单击某个元素时，JavaScript 就可以发挥作用。

我还发现，有时直接在标签的 href 属性中编写 _javascript: 可能会导致 JavaScript 代码执行，而不是导航到另一个页面。

最后，我学会了如何将自己的 JavaScript 代码插入到网站中。
首先确保代码是有效的 JavaScript，然后将其复制并粘贴到 .js 文件中，将其保存在您的网站目录中，然后将该文件粘贴到 HTML 文件中。
这是一项非常有趣的研究！但是，有一些细节我还不确定，例如代码在不同浏览器之间的兼容性。
算了，我还需要更多的时间去练习和学习。

HTML中怎么引用JS ?

如何在HTML中插入JavaScript代码块_HTML script标签放置技巧

嘿嘿，你的总结很全面。
确实已经明确了插入JS的几个关键点。
之前我在做网站的时候，也经历过很多的坑，我可以给大家讲一下我的经历。

例如，我们以内联脚本为例。
以前写调试代码的时候，都是把[xss_clean]标签放进去就搞定了。
我很明白这一点。

对于像您这样的外部脚本，我认为将它们放在 <body> 末尾之前是一个很好的做法。
我之前有一个项目。
脚本按功能模块划分。
我按字母顺序排列它们。
原来模块A依赖了模块C的某个功能，搞了好久的bug。
后来改成了按照依赖关系一一排序，代码就清晰多了。
你提到的动态插入脚本也很有趣。
上次给H5 Activity添加交互特效时，我使用JavaScript在特定条件下加载JS文件，节省了很多流量。

但最大的教训是性能。
我记得2 02 3 年在上海建了一个新闻发布会网站，测试时发现加载速度极慢。
经过查看，发现<head>里面塞了三个大的JS文件。
结果，用户一打开页面，就得等三个脚本加载完毕，用户就直接刷屏了。
后来我赶紧把关键逻辑JS放在<body>最后，非关键部分用了async和defer，速度立马提升了。
这件事让我想起，做前端的时候，要时刻考虑用户体验。
不要只认为代码写得很漂亮。

你总结的技巧确实蛮实用的，尤其是根据场景选择加载方式的思路。
我最近在重建旧系统时使用了它。
但说实话，有时候业务需求比较紧急的时候，想要完美处理是相当困难的，尤其是需要兼容老浏览器、速度快、动态加载的复杂情况。
有时你确实必须做出权衡。
不管怎样，学会这些技能对你来说是相当有用的，可以让你在以后的发展中少走弯路。