HTML5 + CSS + JS（3）

HTML5 + CSS + JS

三、JavaScript

一般放在 head 中

末尾加分号 ；

• 外部引入

<script src="test.js">
</script>

• 内部使用

<script>
    alert("hello world! ")
</script>

• 变量

<script>
    // alert("hello world! ")
    var test = "test";
    // 变量名称：小写字母 大写字母 $ _ 1
    // 数字不能放在最前面
		// 变量名称尽量避免和函数库有关系
    alert(test)
</script> 

• 变量使用

<script>
    var number = 100;
    number = number + 100;
    number = number + "200";
    document.write("<h1>" + number + "</h1>");  // 文档内输出

    var name = prompt("你的名字是：","");
    document.write(name);
</script>

• 条件判断

<script>
    var pwd = prompt("请输入您的密码：", "");
    if (pwd == "123456") {
        document.write("登录成功！");
    }else{
        document.write("登录失败！");
    }
</script>

<script>
    var number = prompt("请输入一个数字（1～100）：","");
    if(number==50){
        document.write("恭喜你，答对了！");
    }else if(number<50){
        document.write("您猜的数字小了，换个大的试试看！");
    }else{
        document.write("您猜的数字大了，换个小的试试看！");
    }
</script>

• While 循环

<script>
    var pwd = prompt("请输入您的密码", "");
    while (pwd != "123456") {
        pwd = prompt("密码输入错误，请重新输入：", "");
    }
    document.write("登录成功！");
</script>

• For 循环

<script>
    // var num = 1;
    // while (num <= 10) {
    //     document.write(num + "<br>");
    //     num++;
    // }
    for (var num = 1; num <= 10; num++) {
        document.write(num + "<br>");
    }
</script>

来源：oschina

链接：https://my.oschina.net/wzhp/blog/4500235