如何在html中调用js代码

JavaScript010

如何在html中调用js代码,第1张

我们编写html的时候经常需要调用JS的相关代码,那么如何在HTML中调用JS的代码呢?下面我给大家分享一下。

工具/材料

Sublime text

01

首先打开Sublime text软件编写一个html页面,如下图所示

02

然后我们在html页面中添加script标签,在script里简单的写一些JS的代码,如下图所示

03

接下来可以定义一个button按钮,通过其click事件来调用JS的代码,如下图所示

04

当然,如果调用的JS代码是外部的文件,则需要在开头的head标签内进行引入才可以使用,如下图所示

js代码是动态脚本语句,是弥补静态显示的不足。通过js可以操作dom节点,动态的修改dom节点的内容

比如

<body>

   <input type='text' id='ipt' value='111'/>

</body>

<script>

   document.getElementById('ipt').value='222'//这里使用js动态修改了input的value值。

</script>