JavaScript基本语法

关于JavaScript基本语法大家的掌握有多少呢？接下来我们从以下方面一起回忆一下

首先关于JavaScript的认识

什么是JavaScript？
JavaScript的组成部分
JavaScript的主要用途
脚本执行原理

什么是JavaScript？

JavaScript是一种直译式脚本语言，是一种弱类型的语言。最早是在HTML网页上使用，用来给HTML网页增加动态效果。

JavaScript的组成部分是什么?

ECMAScript ：JavaScript的基本语法

DOM:文档对象模型，用来获取或设置文档中标签的属性

BOM:浏览器对象模型，用来获取或设置浏览器得属性、行为

JavaScript的主要用途

嵌入动态文本于HTML页面
对浏览器事件作出响应
读写HTML元素
在数据被提交到服务器之前验证数据
检测访客的浏览器信息
控制cookies，包括创建和修改等
基于Node.js技术进行服务器端编程

脚本执行原理

JavaScript的基本语法

document.write() 的使用
变量的声明和调用
三种弹出框的使用
** for循环的使用**
什么请况下会出现boolean类型· false
typeof：获得变量的数据类型

document.write() 的使用

如果想要在JavaScript里面输出一句话，我们要借document.write()

如果想要跨行的话可以借助HTML的换行标签

效果图如下：

所以JavaScript里面的document.write()和Java里面的System.out.print()的作用一样的，都是输出语句。

变量的声明和调用

变量的声明

整型： var a=10；
非整型：var b=10.1；
字符串： var c="abc";
布尔类型： var d=true；

注：JavaScript里面不管声明什么类型的变量，都是通过“var”来声明

变量的调用：

var a=10
var b="20"
document.write("a和b相加的和:"+(a+b))

效果图如下;

注:在JavaScript中数字和字符可以进行运算。

三种弹出框的使用（alert()，confirm()，prompt()）

1.alert(); 提示框

2.confirm();询问框：显示一个带有指定消息与“确定”及“取消”按钮的对话方块

**   confirm（“确定要刪除吗？”）**

** 效果如下：**

   ![](https://img-blog.csdnimg.cn/e2d72dba1726494a820326ca9df45b70.png)

3.prompt();输入框：显示用户输入的对话框

** var t=prompt("请输入")**

  ![](https://img-blog.csdnimg.cn/5080e57cce6a4826b417dc23e3104082.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pmC5a6c,size_20,color_FFFFFF,t_70,g_se,x_16)

for循环的使用

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <script>

//1循环10次
for(var i=1;i<=10;i++){

      document.write("hahah<\br>")

} 

//2 根据用户输入的数字循环
var f6=prompt("请输入星期几")
         if(!isNaN(parseInt(f6))){
            switch(parseInt(f6)){
                case 1:
                console.log("周一")
                 break;
                case 2:
                 console.log("周二")
                 break;
                default:
            console.log("你是xx")
                
            }
        }
        </script>
        
    </body>
</html>

效果图如下：

什么情况下会得到boolean

1.字符串："" 为false
2.数字：0 false
3.null 也为false
4.undefined 未定义
5.NaN也为false

** 注:短路情况如果是||前面为真则不往下走如果是&&则直到为真才停止 **

console.log(""||0)//false 0
console.log(1||0) //1
console.log("2"||"1"||1) //2
console.log("2"&&"1"&&1) //1
console.log("2"&&0&&1) //0

typeof：获得变量的数据类型

<!DOCTYPE html>
<html >
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <script> 
 var t=8

  var a="2"

  console.log(typeof(t))
  console.log(typeof(a))
        </script>
        
    </body>
</html>

** 效果图如下：**

注：在JavaScript中string是小写s

标签： javascript 前端 html

本文转载自: https://blog.csdn.net/weixin_62270300/article/details/123133843
版权归原作者時宜所有，如有侵权，请联系我们删除。