js基础

Posted 2020-10-08

网页的组成: html（超文本标记语言）结构   CSS(层叠样式表)  javascript 行为

js:javascript,是一门轻量级的脚本编程语言、解释型语言

ECMAScript(4、5)：定义了js里面的命名规范 变量 数据类型 基本语法 操作语句等最核心的东西

DOM: document object model 文档对象模型

BOM: browser object model 浏览器对象模型

js引入方式

1、行内式 <div onclick="alert"></div>

2、内嵌式<script type="text/javascript"></script>

3、外链式<script type="text/javascript" src="../js/index.js"></script>

JS输出方式:

1)document.write("内容") 在页面中输出内容,不会覆盖原文档内容;

2)alert(”内容“)用于弹出一个消息弹框;

  confirm();使我们浏览器中确认选择弹出层，当用户选择确定，方法会返回true，选择的是取消则返回false;

3)console在控制台输出 F12开发者工具

   console.log()向控制台输出内容;

   console.dir()输出一个对象的全部属性;

   console.error()向控制台抛出异常;

 console.clear()清空控制台 a) ctrl+L b)右键clear console c)点击禁止图标直接清空控制台;

 浏览器(window)->文档(document)->html->head/body

4)innerHTML(输出元素)/innerText(输出文本) 向指定元素内添加内容

命名规范：

1、js中严格区分大小写 test Test

2、使用驼峰命名法

3、匈牙利命名法(使用数据类型为名称前缀) 例如: var oLis var ary  

1)首字母小写，其余的每个有意义的单词的首字母大写

2)可以使用数组、字母、下划线、$(数字不能作为首位)

3)不能使用关键字 和 保留字 

    关键字: 在js中有特殊意义的字

    保留字: 未来可能成为关键字的

personInfo

studentImportInfo

js中的符号  

=  1个等号代表赋值;

== 比较 成立为true 不成立为flase;

=== 绝对比较 值要相等 类型也要一样

基本数据类型5种

数字 字符串 布尔 null undefined

一、数字(number)包括整数(正整数、负整数、0、小数、NaN)

1.isNaN方法

1)is not a number 这不是一个数字，返回值为布尔类型值;

2)作用:判断一个值不是数字， 不是返回true 是 返回false;

3)机制:isNaN在判断之前会先将非数字数据类型的值，用Number()方法，将其转化为数字数据类型

          其返回值是数字或NaN;Number(null)为0、Number("")为0、Number(false)为0、Number(true)为1 Number(undefined)为NaN

4)返回值:true或者false

5)NaN==NaN ->false

2.Number方法:

1)这种方法是强制转化，只要要转化的对象中有一个内容不是数字，那么就会返回NaN;

2)作用(应用场景):将其他数据类型转为数字数据类型;

3)返回值：数字或者NaN;

4)如果转化的是字符串，直接调用Number()方法将字符串转为数字，如果字符串中有一项不是数字则返回NaN;

5)如果转化的是布尔类型,true->1，false->0;

6)null->0,undefined->NaN;

7)如果转化的是对象数据类型,先调用.toString()方法，将数组中的内容转化为字符串再 按照第4种方法转化