使用JavaScript的三种方法

 时间:2024-10-14 18:36:15

本篇经验主要讲述使用JavaScript的三种方法。在不同的情况下,我们可以使用不同的方式来引入JavaScript,从而提高我们的工作效率。

工具/原料

JavaScript

HBuilder

行内式

1、我们创建一个段落标签作为处理对象,并设置id为demo,创建一个按钮用来触发JS。

使用JavaScript的三种方法

2、那么我们在点击运行时,点击按钮就可以完成相应的操作。

使用JavaScript的三种方法
使用JavaScript的三种方法

内联式

1、我们妤伊佛集继续创建一个id为demo1的段落标签,然后使用<script>标签将我们的JS包裹起来。那么在运行时文字就自动变大了。

使用JavaScript的三种方法
使用JavaScript的三种方法

外联式

1、同样我们创建一个id名为demo2的段落标签,使用button来触发JS,这里我们在button中调用我们写好的函数。

使用JavaScript的三种方法
使用JavaScript的三种方法

2、由于是外联式,所以我们在当前文件中要与JS文件链接起来。我们需要将调用命令写在body标签外。

使用JavaScript的三种方法

3、这里有一个小问题就是我们要写对JS文件的路径,如果写错,命令就不能被执行。

使用JavaScript的三种方法
使用JavaScript的三种方法

4、然后我们写好JS文件。先定位到我们的demo2,然后进行改写命令。

使用JavaScript的三种方法

5、现在我们看一下运行结果。

使用JavaScript的三种方法
使用JavaScript的三种方法

6、这是我们完整的HTML代码。

使用JavaScript的三种方法
使用JavaScript的三种方法
  • 泰拉瑞亚灵液怎么获得
  • 泰拉瑞亚灵液黏黏怪怎么刷
  • 泰拉瑞亚虫饵怎么做
  • 泰拉瑞亚提泽纳怎么制作
  • 泰拉瑞亚原版断钢剑怎么合成
  • 热门搜索
    红领巾心向党手抄报内容文字 青春手抄报 扣好人生第一粒扣子手抄报 手抄报模版 手抄报春节 网络安全手抄报内容 中国梦我的梦手抄报 生物手抄报 红领巾心向党手抄报内容 五四青年节手抄报