<!--
js的三种使用方法
1、行内js
在html标签上直接写js代码
2、内部js
在script标签中写js代码，script标签可以放在head或body中，建议放在body最后
3、外部js
定义js文件，通过script标签的src属性引入对应的js文件
-->
<!-- 1、行内js -->
<button type="button"onclick="alert('hello word');">按钮</button>
<!-- 2、内部js -->
<script type="text/javascript">
alert("这是一个按钮");
</script>
<!-- 3、外部js -->
<!-- 注：如果script里面有了src，则在script之间的代码不会生效 -->
<script type="text/javascript"src="./text.js">
</script> <!--
变量：
js是一种弱类型的语言，在声明时不需要指明数据类型，直接用val修饰
变量的声明
1、先声明再赋值
2、声明并复制
注：不适用var直接声明变量
变量注意：
1、变量只声明 没有赋值---则显示undefined
2、如果变量未声明---去使用----则会报错
3、可以使用var同时声明多个变量
4、重新声明一个变量无赋值--则无效-----若赋值---则覆盖
5、可以声明任意类型的变量
变量名提升：只针对var声明的变量
<script type="text/javascript">
// 1、先声明再赋值
var a;
a=1;
console.log(a);
<!-- 2、声明并复制 -->
var b=2;
console.log(b);
//3、
var c;
console.log(c);
//4、
//console.log(d);
var e,f,g=10;
console.log(e);
console.log(f);
console.log(g);
//5、
var str="Hello Word";//字符串
var flag=true;//布尔类型
console.log(str);
console.log(flag);
</script>
<!-- 数据类型
1、undefined
值不存在
出现的情况：
1、变量只声明未赋值，值为undefined
2、当定义函数需要形参，调用函数未传递实参时，参数的值未undefined
3、当函数没有返回值，接收值为undefined
数据类型
2、null类型
表示空值
注意点：
1、Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
2、使用typeof操作符测试null 返回 object字符串
typeof操作符，判断变量的
3、数值型
4、字符串类型
1、使用"或"引起开
2、可以使用+对字符串拼接
5、布尔类型
6、对象类型
数组
var 数组名=[];
对象
var 对象名={};
函数
function 方法名(){
}
<script type="text/javascript">
//1、
var h;
console.log(h);
//2、定义函数---使用function
function fn01(str){
console.log(str);
}
//调用方法---方法名（[参数]）{}
fn01('wq');
function fn02(str){
console.log("你好");
return 1;
}
//调用方法---方法名（[参数]）{}
var i=fn02();
console.log(i);
console.log('-----------------');
//2、null
var num=1;
var flag=true;
var str="有人";
console.log(typeof num);
console.log(typeof flag);
console.log(typeof str);
var aa=null;
console.log(typeof aa);
var bb;
var bbb=null;
console.log(bb=bbb);
console.log("----------------");
//3、数值型
//1和1.0相等
console.log(1==1.0);//true
//1+1.0=2
var j=1+1.0;
console.log(j);
//将浮点型的数值转换成整形1.0->1
console.log(1.0);
console.log("----------------");
//4、字符串
var k="表情包";
var l="111";
console.log(k,l);
console.log(k+l);//拼接
</script>
<!--
类型转换
1、自动类型转换
1、转字符串：所有的值转换成字符串都是加引号
2、转布尔类型：有值为true（非0），无值为false（0）
3、转数值型：空值是0，非空的数值型字符串能转换，非数值字符串转换成NaN
2、函数转换
parseInt();转整数型
parseFloat();转浮点型
注：转换时会从值的地零个位置开始找有效数字，直到找到无效数字位置
3、显示转换
tostring():将数值转换成字符串
toFixed()：保留指定小数
注：如果出现空值，会报错
-->
<script type="text/javascript">
console.log(parseInt("123abc"));//123
console.log(parseInt("abc123"));//NaN
console.log(parseInt("abc"));//NaN
console.log(parseFloat("123.4abc"));//123.4
//toString
var m=10;
console.log(m);
console.log(m.toString());
var n=1.234;
console.log(n.toFixed(2));//保留两位，会四舍五入
console.log("---------------");
//number转换
var o="1";
var p="a";
var q="123abc";
var r="abc123";
var s="123.4";
console.log(Number(o));
console.log(Number(p));
console.log(Number(q));
console.log(Number(r));
console.log(Number(s));
console.log("---------------");
//布尔类型
console.log(Boolean(o));//true
console.log(Boolean(p));//true
console.log(Boolean(q));//true
console.log(Boolean(r));//true
console.log(Boolean());//false
//String
console.log("---------------");
console.log(String(10));
console.log(10);
console.log("null");
</script>
<!--
比较运算符
== 等于
=== 全等（值和类型）
-->
<script type="text/javascript">
console.log("---------------");
console.log(1=='1');//true
console.log(1==='1');//false
</script>