【JS】JavaScript 脚本的三种使用形式：行内脚本、内部脚本、外部脚本

a href="javascript:alert(‘请等待评选结果，谢谢！‘)">查看结果a>

DOCTYPE html>
html>
head>
  meta charset="UTF-8">
  title>testtitle>
  style type="text/css">
    img{
      height:300px;
    }
  style>
head>
body>
  h1>校园评选活动h1>
  img alt="选手1" src="images/1.jpg" onclick="alert(‘你选择了1号选手‘)"/>
  img alt="选手2" src="images/2.jpg" onclick="alert(‘你选择了2号选手‘)"/>
  img alt="选手3" src="images/3.jpg" onclick="alert(‘你选择了3号选手‘)"/>br />
  a href="javascript:alert(‘请等待评选结果，谢谢！‘)">查看结果a>
body>
html>

DOCTYPE html>
html>
head>
  meta charset="UTF-8">
  title>testtitle>
  
  script type="text/javascript">
    function addOnclickEvents(){
      alert("onclick事件添加成功");
      var imgs=document.getElementsByTagName("img");
      imgs[0].onclick=function(){alert("你选择了1号选手");}
      imgs[1].onclick=function(){alert("你选择了2号选手");}
      imgs[2].onclick=function(){alert("你选择了3号选手");}
    }
  script>
  
  style type="text/css">
    img{
      height:300px;
    }
  style>
head>
body>
  h1>校园评选活动h1>
  input type="button" onclick="addOnclickEvents()" value="为 添加 onclick事件" />br />
  br />
  img id="img1" alt="选手1" src="images/1.jpg"/>
  img id="img2" alt="选手2" src="images/2.jpg"/>
  img id="img3" alt="选手3" src="images/3.jpg"/>br />
  a id="a1">查看结果a>
  
  script type="text/javascript">
    var a1 = document.getElementById("a1");
    a1.href="javascript:alert(‘请等待评选结果，谢谢！‘)";
  script>
body>
html>

head>
  ...

  script type="text/javascript">
    var imgs=document.getElementsByTagName("img");
    imgs[0].onclick=function(){alert("你选择了1号选手");}
    imgs[1].onclick=function(){alert("你选择了2号选手");}
    imgs[2].onclick=function(){alert("你选择了3号选手");}
  script>

  ...
head>

/**
 * 为  添加 onclick 事件
 */
function addOnclickEvents(){
  alert("onclick事件添加成功");
  var imgs=document.getElementsByTagName("img");
  imgs[0].onclick=function(){alert("你选择了1号选手");}
  imgs[1].onclick=function(){alert("你选择了2号选手");}
  imgs[2].onclick=function(){alert("你选择了3号选手");}
}

var a1 = document.getElementById("a1");
a1.href="javascript:alert(‘请等待评选结果，谢谢！‘)";

DOCTYPE html>
html>
head>
  meta charset="UTF-8">
  title>testtitle>
  
  style type="text/css">
    img{
      height:300px;
    }
  style>
head>
body>
  h1>校园评选活动h1>
  input type="button" onclick="addOnclickEvents()" value="为 添加 onclick事件" />br />
  br />
  img id="img1" alt="选手1" src="images/1.jpg"/>
  img id="img2" alt="选手2" src="images/2.jpg"/>
  img id="img3" alt="选手3" src="images/3.jpg"/>br />
  a id="a1">查看结果a>
  
  script type="text/javascript" src="addOnclickEvents.js">script>
body>
html>