1. js的引入:
标签引入:在html的script标签编写
alert("你好")
文件引入:单独的js文件中编写js代码,在html文件中用script引用
可在head也可在body中
<script src="./测试.js">
事件引入:onclink在点击元素时执行的代码
<button onclick="alert('干嘛')">
2.输出:
// 弹出窗口
alert("弹窗输出")
// 按确定返回true,按取消返回false
confirm("你是否要退出")
// 控制台输出
console.log("我是控制台输出")
console.info("输出一天信息")
console.warn("输出一个警告")
console.error("输出一个错误")
// 直接在页面显示
document.write("你好")
3.js的数据类型:
// js中没有数据类型的强分
var a =1
var b="你好"
// 数据类型分类
// 数值型(number) 整数 小数 复数
var c=1
var d=1.1
var e=-1
console.log(c+d+e);
// 字符串型(string) 只要是单引号或者双引号包裹的都可以
var s1="双引号"
var s2='单引号'
console.log(s1);
console.log(s2);
// 布尔型
var t=true
console.log("我是布尔型"+t);
//undefined型
var u=undefined
//null型
var n=null
//对象数据类型
var ni={name:'ni',age:18,height:180}
console.log(ni);
console.log(ni.height);
//数组/列表
var arr=[1,2,3,4,5,6,'我是字符串',true,{name:'张三',age:50},[1,2,3]]
console.log(arr)
console.log(arr[5]);
console.log(arr[8].name);
console.log(arr[9][1]);
4.强制类型转化
// typeof运算符:检查变量的数据类型
var num1=2
var age=18
var s1='你好'
var t=true
var u=undefined
var n=null
console.log(typeof s1);
console.log(typeof t);
console.log(typeof u)
console.log(typeof n);
// 强制类型转换
// toString String() 拼串
age=age.toString()
age=String(age)
console.log(typeof age);
// 把字符串的数字变成原本的数字
// Number() parseInt() parseFloat()
//使用numbe()函数 字符串变为数字:纯数字就直接变成数字 有字符则为NaN 若字符串是一个空串或者全是空格,则转化为0
console.log(age*1+num1);
age=Number(age)
var s3=' '
s3=Number(s3)
console.log(s3);
// 布尔型改成number型 true为1 false为0
var f=false
f=Number(f)
console.log(f);
// parseInt()专用于字符串,将一个字符串变为整数
// parsefloat()专用于字符串,将一个字符串变为浮点数
//若对非string使用parseint(),parsefloat(),他会先将其转化为string再操作
// 使用boolean()函数
// 若是数字变为布尔 除了0和NaN 其余都是true
//字符出变为布尔 除了空串 其余都是true
//Null 和undefined都会转化为false
//对象也会转化为true
