Java Script
写一个JS文件,在html中调用实行JS内容。
<script src="./index.js"></script>
可以在css代码、head、body中实行。
一、数据类型、变量和直接量
2.1
JavaScript含义:
1.是一种基于对象的开发模式,对象之间是父子关系。最大的对象是window对象,包含若干个子对象。
2.所有的属性和操作理论上前边都需要加对象名,window对象是最外层的对象,可除外。
弹窗类型:
alert 警告
confrim 确认 有返回值,会返回系统一个正确或错误的结果
prompt 弹出一个输入框,返回输出的字符串
document.write("要输出的字符串"):用来动态输出HTML文档。其中,document对象是window对象的子对象。document对象在使用的时候不能忽略。
console.log用来写在控制台。
innerHTML属性:可设置或返回单元格的开始标签和结束标签之间的HTML。
语法:tabledataObject.innerHTML=text
JavaScript编写注意事项:
每条命令独占一行,每行命令用分号隔开。
JavaScript注释符:
1.单行注释://hjgjhgjg
2.多行注释:/gjgjhgjhgjgg/(杠,星号 代码 星号,杠)
2.2变量的定义:
变量命名:
字母、数字、下划线”-“或者”$",但是不能已数字开头
变量名区分大小写 第一个单词首字母小写,后面的单词首字母需大写
变量名必须放在同一行中
不能使用脚本语言中保留的关键字、保留字、true、false和null作为标识符
以下关键字不能作为变量名:
JavaScript中不能作为变量名的关键字和保留字总结:
1、js中的关键字:
break | case | catch | continue | default |
---|---|---|---|---|
delete | do | else | finally | for |
function | if | in | instanceof | new |
return | switch | this | throw | try |
typeof | var | void | while | with |
2、js中的保留字:
abstract | boolean | byte | char | class |
---|---|---|---|---|
const | debugger | double | enum | export |
extends | final | float | goto | implements |
import | int | interface | long | native |
package | private | protected | public | short |
static | super | synchronized | throws | transient |
volatile |
2.3JavaScript中的数据类型
在JavaScript中有5种不同的数据类型:
1.string 字符串。最抽象的数据类型,信息传播的载体
2.number 数值。 最原始的数据类型,表达式计算的载体
3.boolean 布尔值。 最机械的数据类型,逻辑运算的载体
4.function 函数
3种对象类型:
Object 对象 Date 日期 Array 数组
2个不包含任何值的数据类型:
null 空、无。表示不存在,当为对象的属性赋值为null,表示删除该属性。
undefined 未定义。当声明变量却没有赋值时会显示该值。可以为变量赋值为undefined
2.3.1Number类型
Number类型包含两种数值:整型和浮点型。
整型:最基本的数值字面是十进制整数。
var box=100;//十进制整数
八进制数值字面量,(以8为基数,)前导必须是0,八进制序列(0~7)。
var box=070;//八进制,自动解析为56 0~7
var box=079;//无效的八进制,自动解析为79
var box=08;//无效的八进制,自动解析为8
十六进制字面量前面两位必须是0x,后面是(0~9及A~F)
var box=0xA;//十六进制,10
var box=0x1f;//十六进制,31
浮点类型,就是该数值中必须包含一个小数点,并且小数点后面必须至少有一位数字。
var box=3.8;
var box=0.8;
var box=.8//有效,但不推荐此写法。
由于保存浮点数值需要的内存空间比整型数值大两倍,因此JS会自动将可以转换为整型的浮点数值转成为整型。
var box=8.//小数点后面没有值,转换为8
var box=12.0;//小数点后面是0,转换为12
对于那些过大或者过小的数值,可以用科学计数法来表示(e 表示法)。用e表示该数值的前面10的指数次幂。
var box=4.12e9;//即4120000000
特殊的数值:
正无穷大:infinity
例如:alert(5/0)
负无穷大:-infinity
NaN:(not a number)表示一个非数字的特殊值,与任何数值都不相等,与他自己也不相等。
isNaN函数
在判断真假的时候,先试图将括号中的数据转换为数值类型,如果能够转换成功,则判断结果的返回值是False,不能隐式的转换为数字,则返回值才为True.
例如:alert(perselnt(window.prompt(“请输入年龄:”)))
使用Number对象的几个属性可以获得几个特殊的数值:
Number.MAX-VALUE 可以表示最大数字。
Number.MIN--VALUE 可以表示最小数字
Number.NaN 表示特殊的非数字值
Number.POSITIVE-INFINITY 表示正无穷大的特殊值
Number.NEGATIVE-INFINITY 表示负无穷大的特殊值
数字的使用:+ - * / %
Math对象中保存的函数,如Math.sin();Math.sqrt();
2.3.2 String类型
1.
String类型用于表示零或多个字符组成的字符串,可以由双引号(”)或单引号(’)表示。
2.
JavaScript中没有char类型,要表示单个字符,必须使用长度为1的字符串。
var box=‘Zhen’
var box="Zhen"
3.
单引号和双引号表示的字符串解析方式不同,必须成对儿出现,不能穿插使用
例如 : var box=‘张三”;//出错
4.
由单引号定界的字符串可以含有双引号,由双引号定界的字符串可以含有单引号。如:“大家好我叫 ‘kitty’ ”
5.
String类型包含了一些特殊的字符字面量,也叫转义序列。反斜杠是一个转义字符。
2.4.1数值的转换
数据类型的转换
1.强制转换为数值类型:s=Number(s)number转换
2.tostring 可以将数字串转换为指定进制的数字字符串
3.null和undefined这两个值是没有tostring方法的
4.转换为字符串 string与toString
2.4.2布尔类型的转换规则
三、运算符
3.1.1算术运算符
JavaScript 算术运算符用于执行变量与/或值之间的算术运算。
++ 是指变量在自己原来的值的基础上加1,加完后,再存回到改变量中
-- 是指变量在自己原来的值的基础上加1,减完后,再存回到该变量中。
只能用在变量的运算基础上,会修改之前的变量值,特殊点在于存回先前变量中,(--)++i;//前置运算 i++(--);//后置运算
前置和后置的区别:
后置运算:先使用变量的值,然后再进行自增或自减的运算
前置运算:先进行自增或自减的运算,然后再使用变量的值
3.1.2关系运算符
1.关系运算符种类
关系运算符执行的是比较运算。每个关系都返回一个布尔值。
关系运算符: