美文网首页
在HTML中引入js的三种方法

在HTML中引入js的三种方法

作者: 北海牧羊人 | 来源:发表于2016-11-17 11:29 被阅读0次

    一、利用<script type="text/javascript" src="js文件的路径"></script> 引入一个外部的js文件
    例如:以下是一个js文件,文件名为 " 01.js"

    1.png

    以下是一个html文件,引用了上面的js文件
    、、、
    <!DOCTYPE html >
    <html>
    <head>
    <meta charset=utf-8" />
    <title>统计包含“a”或“A”的字符串的个数</title>
    <script type="text/javascript" src="01.js"></script>
    </head>
    <body>

    </body>
    </html>
    、、、
    二、使用<script>标签
    <script>直接在这添加js代码</script>

    例如:
    、、、
    <!DOCTYPE html >
    <html>
    <head>
    <meta charset=utf-8" />
    <title>统计包含“a”或“A”的字符串的个数</title>
    <script type="text/javascript">

    var countryName = new Array("America", "Greece", "Britain", "Canada", "China", "Egypt"); 
    var count=0;
    //打印输出信息:
    document.write("在以下字符中:<br/>");
    for(var i=0; i < countryName.length; i++)
        document.write(countryName[i] + "<br/>");
    
    //计算字符中包含a或者A的字符的个数
    for(var i=0; i < countryName.length; i++){
        if(countryName[i].indexOf('A') !=-1 || countryName[i].indexOf('a') !=-1)
            count++;
    }
    document.write("共有" + count + "个字符中包含a或者A。");
    

    </script>
    </head>
    <body>

    </body>
    </html>
    、、、
    三、直接在HTML标签中插入js代码
    <input name="btn" type="button" value="弹出消息框" onclick="javascript:alert('欢迎你');"/>

    相关文章

      网友评论

          本文标题:在HTML中引入js的三种方法

          本文链接:https://www.haomeiwen.com/subject/adsdpttx.html