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

由 hrs, 1 十一月, 2020

这个实例中，我们把脚本函数从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

标签

评论