JS入门简单总结

最新推荐文章于 2024-07-18 10:24:18 发布

Nov_14

最新推荐文章于 2024-07-18 10:24:18 发布

阅读量270

点赞数

分类专栏： Java 文章标签： javascript 前端开发语言 java-ee

本文链接：https://blog.csdn.net/Nov_14/article/details/124677435

版权

Java 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript是一门客户端脚本语言，运行在客户端浏览器中。每一个浏览器都有JavaScript的解析引擎。

JavaScript是一门弱类型语言，在定义变量时，其语法格式为：

①var 变量名 = 初始化值；

②var 变量名；

变量名 = 初始化值；

注意：在JavaScript中，var可以定义任意类型的变量。

其数据类型分为6种。分别为：

1、number：数字。（整数/小数/NAN）；

2、string：字符串。在JavaScript语言中，无字符概念，单引号与双引号定义出的都是字符串。

3、boolean:true/false。

4、null：一个对象为空的占位符。

5、undefined：未定义。如果一个变量没有给初始化值，则其会被默认赋值为undefined。

6、object：对象。

---------------------------------------------------------------------------------------------------------------------------------函数定义以及调用：

在JavaScript中，函数定义分为两种方式。

1、定义：

function 函数名（形参列表）{

逻辑代码；

输出语句；（document.write（“xxx”）；）

}

调用：

单独调用。

函数名称（实参列表）；

2、定义：

function 函数名（形参列表）{

逻辑代码；

return 结果；

}

调用：

赋值调用。

var 结果变量名 = 函数名（实参列表）；

*注意事项：

1、JavaScript是弱类型语言，定义函数时，参数名称不能携带var。

2、JavaScript定义时，没有返回值类型，但是函数中可以携带return语句，代表方法结束。

3、JavaScript中没有函数重载的概念，如果方法名相同，后面定义的函数会将前面的覆盖掉。

4、a、当实参列表<形参列表时，函数依然会被调用，不过值为“NAN”，因为剩余的形参没有被赋值。

b、当实参列表>形参列表时，会将实参的值赋值给形参，多余的实参，直接忽略不计。

5、隐藏一个数组名称：arguments

其作用是将实参绑定给形参。

---------------------------------------------------------------------------------------------------------------------------------for-in类似于Java中的增强for循环，即foreach。

通常在遍历数组或遍历对象的属性时使用。

格式：for（var 变量名 in 数组名或对象名）{

document.write（数组名【变量名】）；

}

---------------------------------------------------------------------------------------------------------------------------------

date对象的使用之网页时钟的操作流程。

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title>网页时钟的操作流程</title>
   </head>

   <body>
       <h4>当前系统时间为：</h4>
       <span id="span_date"></span>
   </body>

   <script>
       function generateDate(){
           //创建一个日期对象
           var date = new Date();
           //将获取到的当前系统时间拼接成字符串
           var date_append = date.getFullYear()+"年"+date.getMonth()+"月"+date.getDate()+"日"+date.getHours()+"时"
           +date.getMinutes()+"分"+date.getSeconds()+"秒";
           //dom操作：
           //获取id为span_date所在的span标签对象
           var span_date = document.getElementById("span_date");
           //设置span标签的内容
           //1、使用innerHTML
           /*document.write("innerHTML："); */
           span_date.innerHTML = "<h5>"+date_append+"</h5>";
           //2、使用innerText
           /* document.write("innerText：");
           span_date.innerText = date_append; */
           //两者区别：
           /* innerHTML可以加入html的标签，可以被解析，推荐使用
           innerText只是普通的文本内容，不能够解析html标签，如果加入html标签，就会原封不动解析成普通文本。 */
       }
       //设置网页定时器
       //1、setInterval("定时任务()",时间毫秒值)；每经过时间毫秒值会重复该定时任务
       //2、setTimeout("定时任务()",时间毫秒值)；经过该毫秒值后，会执行一次定时任务
       document.write("setTimeout；");
       //setTimeout("generateDate()",5000);
       document.write("<hr />");
       document.write("setInterval:");
       setInterval("generateDate()",1000);
   </script>
</html>