JavaScript 学习_010 javascript把脚本函数放在外部

hrs 提交于 2020/11/01 - 20:32 , 周日

这个实例演示 javascript 如何使用外部脚本函数

实例代码:

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

  </head>
  <body>
    <h2>外部 javascript</h2>
    <p id ="demo">一个段落</p>

    <button type="button" onclick="myFunction()">试一试</button>
    <script src="js/myscript.js"></script>
<p style="color:red">注意:这个函数脚本是在外部的。</p>  
  </body>

</html>

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

-->

外部脚本函数代码:

function myFunction(){
  document.getElementById("demo").innerHTML="段落被更改";
}
 

运行效果:

javasrcipt_010.png

标签