JS基础操作

78 阅读1分钟

JS变量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS变量</title>
    <script>/*也可以在外部嵌入,外部需要创建一个.js文件*/
    var str="hello world";/*用var来声明一个变量*/
        alert(str);/*alert是输出语句,会有一个框*/
    </script>
</head>
<body>

</body>
</html>

运行结果:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS变量</title>
    <script>
        var number=100;
        document.write(number);
        document.write("<h1>"+number+"</h1>");
        var str=prompt("请输入内容"+"");/*str的值是""里输入的值*/
        document.write(str);/*在这里把str的值打印到html文档中*/
    </script>
</head>
<body>

</body>
</html>

运行结果,右图为登录成功后:

 

JS程序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS程序</title>
    <script>
        var pwd=prompt("请输入密码"+"");
        if(pwd=="123"){/*if判断*/
            alert("登录成功");
            document.write("欢迎您");
        }else{
            alert("登录失败");
        }
        document.write("<br>");/*输出一个换行*/
        var t=5;
        while(t>0){/*while循环*/
            document.write(t);
            t--;
        }
        document.write("<br>");
        for(var i=1;i<=5;i++){
            document.write(i);
        }
    </script>
</head>
<body>

</body>
</html>

运行结果,右图为登录成功后: