JavaScript 学习_009 在body中使用script 脚本标签

hrs 提交于 2020/11/01 - 16:27 , 周日

这个实例中,我们把脚本函数从head 标签移到body标签内,所呈现的效果是一样的,但script 脚本 在body 运行中会比较快。

实例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">

  </head>
  <body>
    <h2>Body 中的Javascript</h2>
    <p id ="demo">一个段落</p>

    <button type="button" onclick="myFunction()">试一试</button>

    <script>
      function myFunction(){
        document.getElementById("demo").innerHTML="段落已被更改";
      }
    </script>



<p style="color:red">注意:这个函数脚本是在body标签内的。</p>
  </body>

</html>

<!--
function :创建一个函数
函数名称后面接小括号,函数内以大括号组成

-->

运行效果:

javasrcipt_009.png

标签