JavaScript一部分
内容一,JS之HelloWorld
输入文本的方法
1,警告框输入
语法:alert("hello world")
效果:
2,页面文本输入
语法:document.write("hello world")
3,控制台输入
语法:console.log("hello world")
内容二,添加JS样式
在html文件内部使用JS
1,使用onclick给普通的标签引入JS
<button onclick="alert('HelloWorld')">点击此处</button>
如上所示,web中会产生一个按钮,点击按钮会展示JS中的内容,该代码表示会点击后弹出一个HelloWorld的警告框,如下所示
(点击之后)
2,给a标签添加JS样式
<a href="javascript:alert('HelloWorld')">点击</a>
从外部引入JS
从外部引入JS后,当前script标签内不会再体现任何的JS样式
语法:<script src=""></script>
一个页面可以引入多个JS文件
内容三,JS的变量
1,定义变量不赋值,从输入框获取
var x //定义一个值x
x = 100 //从输入框获取一个值
2,定义变量同时赋值
var y = 2000
也可以如下进行
var y = x +2000
同时定义多个变量
var a = 1 ,b = 2 , c = 3
内容四,变量的命名规范
1,变量名称可以由数字,字母,英文下划线,美元符号($)组成
2,变量严格区分大小写
3,变量的定义不能由数字开头
4,不能是保留字或者关键字
5,不要出现空格
规则
1,变量名尽量有意义
2,遵循驼峰命名法,由多个单词组成的时候,从第二个单词开始首字母大小
3,不要使用中文
内容五,数据类型
1,Number(数字类型)
例如 :十进制如:18,12,5;浮点数如:12.4(带小数点的数)以及科学计数法 十六进制,八进制,二进制的数
var b = 2e3 //表示科学计数法2*10^3
var c = 0xff //0x开头表示16进制的数
var c = 012 // 0开头表示八进制的数
var d = 0b11 //0b开头表示二进制
特殊:NaN:NaN也是一种number数据类型,表示不是一个数字
2,String(字符串类型)
给字符串加上"双引号"
或者'单引号'
,该字符串就属于String类型
3,Boolean
该类型只有两个值:true和false
4,Undefined
声明了但是未赋值
5,Null
空值
Null专门用来表示一个为空的对象
6,Symbol
内容六,数据类型的转换-转成数值
1,Number(变量)
可以把一个变量强制转换成数值类型
可以转换小数,会保留小数
可以转换布尔值
遇到不可转换的都会返回NaN
2,parseInt(变量)
从第一位开始检查,是数字就转换,直到一个不是数字的内容
如果开头就不是数字,则直接返回NaN
不识别小数点,只能保留整数
3,parseFloat(变量)
从第一位开始检查,是数字就转换,直到一个不是数字的内容
开头就不是数字,那么直接返回NaN
认识一次小数点
4,除了加法以外的数学运算
运算符两边都是可运算的数字才行
如果运算符任何一边不是一个可运算数字,那么就会返回NaN
加法不可以用
内容七,数据类型的转换-转成字符串
1,String(变量)
所有类型都能转成字符串
例:
var a = 100
var b = String(a)
console.log(typeof a,typeof b)
2,变量.toString()
有一些数据类型不能使用.toString()
方法,比如undefined和null,否则会报错
例如
var a = 100
var b =a.toString()
console.log(typeof a,typeof b)
3,使用加法运算
在JS里面,+有两个含义
字符串拼接:只要+任意一边是字符串,就会进行字符串的拼接
加法运算:只有+两边都是数字的时候,才会进行数学运算
内容八,数据类型的转换-转成布尔值
在JS中,只有''
,0,null,undefined,NaN,这些是false
其余都是true
内容九,运算符
就是在代码里面进行运算的时候使用的符号,不光是数学运算,我们在JS里面还有很多的运算方式
1,+
只有符号两边都是数字的时候才会进行加法运算
只要符号任意一边是字符串类型,就会进行字符串拼接
2,-
会进行减法运算
会自动把两边都转换成数字进行运算
3,*
会执行乘法运算
会自动把两边都转换成数字进行运算
4,/
会执行除法运算
会自动把两边都转换成数字进行运算
5,%
会执行取余运算
会自动把两边都转换成数字进行运算
例如:
var a = 6 ,b = 40
console.log(b%a)
内容十,赋值运算符
1,=
就是把= 右边的赋值给等号左边的变量名
例如
var y = 2000
就是把2000赋值给y变量
那么y的值就是2000
2,+=
var a = 10
a += 10
console.log(a)
a += 10
等价于a = a + 10
3,-=
var a = 10
a -= 10
console.log(a)
a -= 10
等价于a = a - 10
4,其他
相似的
a /= 10
等价于a = a / 10
a %= 10
等价于a = a % 10
a *= 10
等价于a = a * 10
内容十一,比较运算符
1,==
比较符号两边的值是否相等,不管数据类型
例如
console.log(1=="1")
因为数值相等,所以为true
2,===
比较符号两边的值和数据类型是否都相等
console.log(1==="1")
因为数据类型不同,所以为false
3,!=
比较符号两边的值是否不等
console.log(1!="2")
如果不相等则返回true,该代码结果就是true
4,!==
比较符号两边的数据类型和值是否不等
console.log(1!=="1")
如果不相等则返回true,该代码因为数据类型不同,结果返回true
5,>=和<=
比较左边的值是否大于或等于右边的值
和比较左边的值是否小于或等于右边的值
内容十二,逻辑运算符
1,&&
且
进行“且”运算
符号左右必须同时为true,结果才会返回true
只要有一边不是true,那么就会返回false
2,||
或
进行或运算
符号左边为true或者右边为true,都会返回true
只有两边都是false,结果才会返回false
3,!
进行取反运算
本身是true会变成false
本身是false会变成true
内容十三,自增自减运算符
1,++
进行自增运算
分成两种前置++和后置++
前置++会先把值自动加1再返回
后置++会先返回再把值自动加1
2,–
进行自增运算
分成两种前置–和后置–
前置–会先把值自动减1再返回
后置–会先返回再把值自动减1
内容十四,三元运算符
三元运算就是用两个符号组成一个语句
语法:条件?事件1(条件为true):事件2(条件为false)
true?alert("语句1"):alert("语句2");
例如:
var a = 124 , b = 213;
a>b?alert("a大"):alert("b大");
内容十五,IF语句
if语句
通过一个if语句来决定代码是否执行
语法:
if(条件)
{
要执行的代码
}
通过()内的条件判断是否执行
if else语句
通过if条件来执行,执行哪一个{}
里面的代码
语法:
if(条件表达式)
{
语句...
}
else
{语句...
}
两个{}
内的代码一定会有一个执行
if … else if … 语句
可以通过if和else if 来设置多个条件进行判断
语法:
if(条件表达式)
{
语句...
}
else if(条件表达式)
{
语句...
}
else
{
语句...
}
会从头开始依次判断
当
if ... else if ...
循环有两组时如果第一个条件为true,那么就会执行第一个的{}
如果第一个为false,则会判断第二个当存在多个{}时,只会用一个被执行,一旦有一个条件为true,后面就不在判断了
内容十六,switch语句
也是判断语句的一种
是对于某一个变量的判断
语法:
switch(条件表达式)
{
case 情况1:
满足情况1执行的语句
break;
case 情况2:
满足情况2执行的语句
break;
case 情况3:
满足情况3执行的语句
break;
case 情况4:
满足情况4执行的语句
break;
}
要判断某一个变量等于某一个值的时候使用
内容十七,while循环
1,循环结构
循环结构,就是根据某些给出的条件,重复执行同一段代码
循环必须要有某些固定的内容组成
1,初始化
2,条件判断
3,要执行的代码
4,自身改变
2,while循环
while循环,中文叫当。。。时,其实就是当条件满足时就执行代码,一旦不满足就不执行了
语法while(条件){满足条件就执行}
因为满足条件就执行,所以我们一定要主要,就是设定一个边界值,不然就一直循环下去了
while(条件表达式)
{
语句。。。
}
3,do …while… 循环
语法:
do
{
语句。。。
}
while(条件表达式)
先执行,再判断