夜光序言:
用你的笑容去改变这个世界,别让这个世界改变了你的笑容。
正文:
JS书写位置
书写位置十分自由
也可以参照css的位置来分类
1.10.1 行内式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button οnclick="alert('夜光')"></button>
</body>
</html>
//点击一下按钮 会弹出对话框
<button οnclick="alert('夜光')">open</button> 外双内单的情况
//只可以用单引号
但是出现了包裹的情况下 外双内单的情况 会报错
//就近原则
1.10.2 内嵌式
<script type="text/javascript">
</script>
//可以放在任何地方
1.10.3 外链式
<script src="my.js" type="text/javascript"></script> //中间不可以写任何东西
//倘若文件比较多可以用这种方法单独写js文件
//中间不可以写任何东西 外链式不可以写 都是用的jS文件不用写,嘿嘿
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script>
function fun() {
alert("夜光"); //函数执行 嘿嘿 帅气
}
</script>
</head>
<body>
<button οnclick="fun();">go top</button> //一点进去执行一个函数
</body>
</html>
//这种写法用的比较多 嘿嘿
数据类型
jS的数据类型:
字符型
数值型
布尔型
Null
Undefined
【基本数据类型】
Js是一种弱数据类型
Var a=10;
JS的变量你给什么值 , 他就是什么数据类型
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var text="欢迎夜光";
console.log(text);
</script>
</body>
</html>
1:运用 “”【双引号】
加了引号的都是数据类型
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var text="欢迎夜光";
console.log(text);
console.log(typeof text);
</script>
</body>
</html>
//string 类型
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var text="欢迎夜光";
console.log(text);
console.log(typeof text);
varnum=10;
var num1="10";
console.log(typeof num1);
</script>
</body>
</html>
2:运用String 转换字符型
console.log(typeof String(num));
//强制转换成数值型
1.11.2 布尔型
True false
就两个值
数据类型转换成布尔型:
1:!!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var num=10;
console.log(typeof !!num); //强制转换成布尔型
</script>
</body>
</html>
// console.log(typeof !!num);强制转换成布尔型
2:运用 Boolean()
a++ / a=a+1
一样么 看个情况
var q="0"; //双引号 q是字符型
q++;
console.log(q);
var q="0";
/* q++;*/
q=q+1;
console.log(q);
//字符型 q=q+1; 形成01
嘿嘿
1.11.3 数值型
Var num= 10;
<script>
var num = 020; //数值前面加0 表示八进制
console.log(num);
</script>
//数值前面加0 表示八进制 0*8^0+2*8^1=16
Var a=0xb; //11 b十六进制11
0x表示十六进制
JS 小数会出现溢出位,尽量避免小数
转换为数值型:
1:运用 - * / 都可以转化 除了+
var result="20"; //字符型 加了引号
var aa=result-10;
console.log(typeof aa);
//输出10
转换成数值型
2:运用Number()
Js PARSEINT
1.11.4 ParseInt() parseFloat()
ParseInt(值,进制)
==
<script>
console.log(parseInt(19.11));
console.log(parseInt(19.99));
</script>
<script>
console.log(parseInt(19.11)); //19
console.log(parseInt(19.99)); //19
console.log(parseInt("25px")); //25
</script>
就是取整数 19/19/25 整数取出来
Not a number [NaN]
ParseInt(值,进制)
ParseInt(10,2) //输出2
把10这个二进制 转换成10进制 //厉害
0*20+1*21= 2
ParseInt(110,2)
0*20+1*21+1*22=6
面试的时候 不一定有结果 会算就可以了
面试题:
Var a=”15.15abc”,b=”10.15”,c=”10.0abc”;
Alert(parselnt(a)+Number(b)+parseFloat(c));
//输出35.15