js知识总结

Posted 2020-12-30 mr171733

定义：基于事件和对象驱动，并具有安全性能的脚本语言

           javascript文件在客户端运行。

浏览器(客户端)的主要组件中包括渲染引擎和JS解释器等。
渲染引擎 － 用来显示请求的内容，例如，如果请求内容为html，它负责解析html及css，并将解析后的结果显示出来。
JS解释器 － 用来解释执行JS代码。

引入：

|---内嵌：<script  type=”text/javascript”>具体js代码</script>

|---外部：<script  type=”text/javascript” src=”js文件”></script>

注意：代码大小写敏感：例如：A与a是两个不同的东东

注释：//  单行注释
          /*多行注释*/

js的输出语法

|---弹窗式：alert()

alert(123)

|---控制台输出：;一般作为调试输出语句

console.log()

|---prompt() 方法用于显示可提示用户进行输入的对话框

prompt(222)

document.write()   在html文档中打印出来

变量：其值可以发生改变的量就是变量。
          变量是用于存储信息的"容器"

|---命名：var 变量名 =

|---命名规范：js里边：字母、数字、下划线、$符号 等4个组成部分，数字不能作为名字的开始内容。

                      驼峰法命名

数据类型：

|---javascript(6种):  number(int/float)  string   boolean   undefined   object(数组是对象的一部分)
null类型：空对象类型。可以理解为对象的占位符，初始化时，给它赋值null
undefined未定义类型
object对象类型：window  document  数组
typeOf():输出变量的类型

|---                    var name = “”;        //声明一个变量，后期要使用一个“字符串”进行赋值
                        var age = 0;        //声明一个变量，后期要使用一个“数字”进行赋值
                        var obj = null;      //声明一个变量，后期要使用一个“对象”进行赋值

|---数据类型的相互转换：

a:转数字：

1）Number转换：

代码：
?
1
2
3
    
var a = “123”;
 
a = Number(a);

注意：

a) 如果转换的内容本身就是一个数值类型的字符串，那么将来在转换的时候会返回自己。

b) 如果转换的内容本身不是一个数值类型的字符串，那么在转换的时候结果是NaN.

c) 如果要转换的内容是空的字符串，那以转换的结果是0.

d) 如果是其它的字符，那么将来在转换的时候结果是NaN.

2）parseInt():

代码：

var a = “123”; a = parseInt(a);

a) 忽略字符串前面的空格，直至找到第一个非空字符,还会将数字后面的非数字的字符串去掉。

b) 如果第一个字符不是数字符号或者负号，返回NaN

c) 会将小数取整。（向下取整）

3）parseFloat();//浮点数（小数）

与parseInt一样，唯一区别是parseFloat可以保留小数。

b.转字符串

可以将其它的数据类型转成字符串。

1）String():

代码：
?
1
2
3
    
var a = 123;
 
a = String(a);

2）toString()的方法来进行转换（包装类）。

代码：
?
1
2
3
    
var a = 123; a = a.toString();
 
undefined，null不能用toString。

数学函数

|---定义：执行普通的算数任务。

|---随机数：Math.random();：random() 方法可返回介于 0 ~ 1 之间的一个随机数。

|---最大数：Math.max(5,4,8,10);：返回指定的数中带有较大的值的那个数

|---最小数：Math.min(5,2,4,5,10)：返回指定的数中带有较大的值的那个数

|---圆周率：Math.PI

日期时间函数

|---获取当前时间：var myDate = new Date();//获取系统当前时间

|---获取年月日：1 myDate.getYear(); //获取当前年份-1900的值(2位)
                         2 myDate.getFullYear(); //获取完整的年份(4位,1970-????)
　　　　　　    3 myDate.getMonth(); //获取当前月份(0-11,0代表1月)
                         4 myDate.getDate(); //获取当前日(1-31)
                         5 myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
                         6 myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
                         7 myDate.getHours(); //获取当前小时数(0-23)
                         8 myDate.getMinutes(); //获取当前分钟数(0-59)
                         9 myDate.getSeconds(); //获取当前秒数(0-59)
                        10 myDate.getMilliseconds(); //获取当前毫秒数(0-999)
                        11 myDate.toLocaleDateString(); //获取当前日期
                        12 var mytime=myDate.toLocaleTimeString(); //获取当前时间
                        13 myDate.toLocaleString( ); //获取日期与时间