使用JavaScript的三种方法

2025-10-05 13:13:34

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的三种方法

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢