本篇经验主要讲述使用JavaScript的三种方法。在不同的情况下,我们可以使用不同的方式来引入JavaScript,从而提高我们的工作效率。
工具/原料
JavaScript
HBuilder
行内式
1、我们创建一个段落标签作为处理对象,并设置id为demo,创建一个按钮用来触发JS。
2、那么我们在点击运行时,点击按钮就可以完成相应的操作。
内联式
1、我们妤伊佛集继续创建一个id为demo1的段落标签,然后使用<script>标签将我们的JS包裹起来。那么在运行时文字就自动变大了。
外联式
1、同样我们创建一个id名为demo2的段落标签,使用button来触发JS,这里我们在button中调用我们写好的函数。
2、由于是外联式,所以我们在当前文件中要与JS文件链接起来。我们需要将调用命令写在body标签外。
3、这里有一个小问题就是我们要写对JS文件的路径,如果写错,命令就不能被执行。
4、然后我们写好JS文件。先定位到我们的demo2,然后进行改写命令。
5、现在我们看一下运行结果。
6、这是我们完整的HTML代码。