JavaScript基础

在HTML中，js需要写在<script></script>标签中，js也可以直接写入HTML文档。

js的函数可以写在html的head中，或者body中，也可以由外部文件引入。

写在head中

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
</body>
</html>

写在body中

<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>

由 外部引入

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件。

<script>
    var grade = 90;//定义一个成绩变量
    var result = '';

    switch(true){
        case grade >=60 && grade <80://这里是冒号，不是分号
            result = '不错了';
            break;
        case grade >= 80 && grade < 90:
            result = '牛逼了';
            break;
        case grade >= 90 && grade <=100:
            result = '超神';
            break;
        default:
            result = '学渣需要补考';
    }
    console.log(result);//打印到控制台
</script>

　　

posted @ 2019-11-02 16:01  专门写bug  阅读(85)  评论(0)    收藏  举报