【javascript】初级学习

最新推荐文章于 2022-08-09 11:04:40 发布

wlisonate

最新推荐文章于 2022-08-09 11:04:40 发布

阅读量270

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_43271086/article/details/101110901

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

1.创建JavaScript

本人在idea中进行创建，比较方便，大家也可以去下载一个，不仅支持前端语言，还有java，安卓等等。创建分为外部创建和内部创建，当然，和css的做法是一样的啦。看代码吧。

创建项目

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建js</title>
  <!--  <script>
        alert("hello world")
    </script>-->
    <script src="js.js"></script>
</head>
<body>

</body>
</html>

创建js.js

alert("hello world!")

2.进行变量创建

需要注意的点：数字不能放在最前面,变量名称：小写字母，大写字母，$ _ 1，变量名称不要和函数库中的变量一致或者有关系。

在前端代码中所有的变量创建都使用var标签，这是在SE5之前都是这样使用，在SE6之后使用let标签进行创建。alert标签是弹框提示。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建变量</title>
</head>
<script>
    var kaopu = "庞陈勃";/*数字不能放在最前面,变量名称：小写字母，大写字母，$ _ 1*/
    //变量名称不要和函数库中的变量一致或者有关系。
    alert(kaopu);
</script>
<body>

</body>
</html>

进行变量的使用，js语言是一种动态语言，他带有自己的隐式转换，你不需要进行像java，c ，c++等的写出函数进行转换，只需要在后面加上具体的类型就可以了。比如

var number = 100;
number = number + 200;
number = number + "200";//默认字符串

就是从int到string的隐式转换，代码看图

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量使用方法</title>
    <script>
        var number = 100;
        number = number + 200;
        number = number + "200";//默认字符串
        var name = prompt("你的名字是：", "");
       document.write("<h1>"+name+"</h1>");
    </script>
</head>
<body>

</body>
</html>

3，使用if语句进行判断

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>if判断</title>
    <script>
        var password = prompt("请输入你的密码","");//password是一个字符串
        if(password == 123456){
            document.write("登陆成功！");
        }else {
            document.write("登陆失败！");
        }
    </script>
</head>
<body>

</body>
</html>

4，使用while语句进行判断

这里提醒大家的是，h5文件在进行编译的时候是自上而下的，所以在共同使用这样的逻辑的时候，他是有顺序的，比如：使用while语句进行条件密码判断：

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

当你把if语句放在前面的时候，当你输入错误密码之后再输入正确的密码，你会发现他不进行显示，这就体现了他自上而下的的运行特征了，修改后的代码有：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>while 语句</title>
    <script>
        var pwd = prompt("请输入您的密码：","");
       
        while (pwd !== "123456"){
            pwd = prompt("密码输入错误，请重新输入：","");
        }
        if(pwd == "123456"){
            document.write("登陆成功！");
        }
        //注意顺序，自上而下
    </script>
</head>
<body>

</body>
</html>

5.使用for语句

很简单，不进行多说，后面我还会概述他的加强版for in语句，大家期待一波吧。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>for循环语句</title>
    <script>
        var num = 1;
        while (num <10){
            document.write(num + "<br>");
            num ++;
        }
        for(var num = 1 ; num<=10 ; num++){
            document.write(num + "<br>");

        }
    </script>
</head>
<body>

</body>
</html>

余生很长，别秃头。。。。。。。。。。。。。。。。。

wlisonate

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【javascript】初级学习

JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。目录1.创建JavaScript2.进行变量创建3，使用if语句进行判断4，使用while语句进行判断...
复制链接

扫一扫

专栏目录