JavaScript 学习_008 在head中使用script 脚本标签

hrs 提交于 2020/11/01 - 08:57 , 周日

这个实例我们在html 中的head 标签中的添加一个脚本标签和函数。

实例代码:

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

    <script>
      function myFunction(){
        document.getElementById("demo").innerHTML="段落已被更改";
      }
    </script>
  </head>
  <body>
    <h2>Head 中的Javascript</h2>
    <p id ="demo">一个段落</p>

    <button type="button" onclick="myFunction()">试一试</button>
    <p style="color:red">提示:点击试一试,改变上面的段落</p>  
  </body>

</html>

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

-->

运行效果

javasrcipt_008.png

标签