js怎么引入到html里面

说白了，在HTML链接中添加JS有两种方式，内联和外部。
其实很简单，但是如果不正确使用的话很容易陷入陷阱。

可扩展内联脚本是将 JS 代码直接写入 HTML，例如 [xss_clean]console.log("This is an example inline script");[xss_clean]。
我们去年发布的小事件页面使用内联脚本来链接多个临时按钮事件。
代码量不到5 0行，非常方便。
但有一个关键细节。
如果将脚本放在 DOM 元素前面，例如将脚本放在 <body> 开头，则使用 DOM 时会报错，因为该元素尚未加载。
一开始我以为脚本无论在哪里运行都是一样的，但后来发现是错误的。
我必须等待 DOM 准备好才能利用它。

还有一点，外部链接脚本就是将JS代码保存在一个单独的文件中，比如[xss_clean][xss_clean]。
我们去年重构3 k项目的时候就用过它。
所有公共逻辑都已提取到外部文件中。
如此一来，代码复用率提高了一倍，可维护性也得到了提高。
还有一个细节非常重要。
外部链接脚本的位置非常重要。
建议终止<body>，但有时需要异步加载，所以需要添加defer或async。
例如，如果我们引入一个3 00 KB的第三方库，我们使用async来防止它阻塞渲染。
但如果它依赖于 DOM 操作，我们使用 defer 来保证顺序。

等等，还有一点，路径一定要写对，不然就4 04 了。
选择在线还是外链，场景不同：在线做短逻辑和临时测试；使用外部链接来获取复杂代码、库引用或共享多个页面。
例如，在引入jQuery库时，应该使用外部链接[xss_clean][xss_clean]。

提醒一个简单的陷阱：使用异步时，脚本的执行顺序是不确定的。
如果脚本之间存在依赖关系，切勿使用异步。
我认为值得尝试将 defer 与 <body> 末尾的位置一起使用。
大部分场景都能快速稳定运行。

如何利用Vue.js库中的v-html指令添加html元素

第一步：创建 v. 并引入 vue.js。
步骤 2 ：在 body 中放置两个 div，一个外部 div，一个子 div，并将 v- 链接到父 div。
步骤 3 ：.v 数据是一个字符串。
步骤 4 ：编辑数据，使其具有

标签。
第5 步：预览并看到“v-command”。
第六步：调试发现div内部有一个

标签。