关闭

HTML 调用JavaScript脚本

标签: htmlJavaScript
721人阅读 评论(0) 收藏 举报
分类:

      在JS文件中,只能包含JS代码,不能包含<script>标记和HTML代码。在引用JS文件的<script>与</script>中间不能包含其他的JS代码,否则会忽略处理。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>

<!--引用JS文件-->
<script  src="9.6.js" language="javascript"></script>

<!--JS自定义函数-->
<script language="javascript">
    function Check(data)
    {
        var year1 = form1.year.value;        
        if((year1 % 4 == 0) && (year1 % 100 != 0))
        {
            alert(year1 + " 闰年");
        }
        else
        {
            alert(year1 + " 非闰年");
        }
    }
    
    function CheckAll(form1, statue)
    {
        var elements = form1.getElementsByTagName("input");
        for(var i=0; i<elements.length; i++)
        {
            if(elements[i].type == 'checkbox')
                elements[i].checked = true;               
        }
    }
</script>

</head>

<body>
<form name="form1" method="post" action="">
 检测闰年
 <select name="year">
  <option value="2008">2008年</option>
  <option value="2009">2009年</option>
  <option value="2010">2011年</option>
  <option value="2011">2012年</option>
 </select>
 <!--应用JavaScript事件响应自定义函数Check-->
 <input type="submit" name="Submit" value="检测" onClick="Check(this.value);">
</form>

<form name="form2" method="post" action="">
 <input type="checkbox">C++ 
 <input type="checkbox">C# 
 <input type="checkbox">Java 
 <input type="checkbox">PHP 
 <input type="submit" value="全选" onClick="return CheckAll(form2, status)">
</form>



</body>
</html>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:601225次
    • 积分:9393
    • 等级:
    • 排名:第2002名
    • 原创:327篇
    • 转载:92篇
    • 译文:0篇
    • 评论:85条
    文章分类
    博客专栏