js的基本使用
1.行内写法
<div οnclick="alert('我是你点出来的')">点我啊div</div>
2.外联文件
<script src="js文件的链接"></script>
3.内嵌方式
一般写在body内容代码的后面
<script>
js的代码
</script>
浏览器内核
IE浏览器的内核是trident
firefox(火狐)浏览器的内核是Gecko
Safari(苹果)浏览器的内核是webkit
chrome(谷歌)浏览器的内核是Chromium/blink
Opera(欧朋)浏览器的内核是Presto/blink
JavaScript的组成
ECMAScript是javascript的核心,描述了语言的基本语法和数据类型,是一套标准,定义了一种语言的标准与具体实现无关
DOM文档对象模型
DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作。
BOM浏览器对象模型
一套操作浏览器功能的API(接口-类库-方法),通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等。
window对象的方法
alert("警告框");
confirm("确认框");
prompt("输入框");
window对象的属性
console.log("控制台输出");
console.div(window);显示一个对象的所有属性和方法
document.write("输出到html文档");
javaScript变量
js中定义变量用var关键字声明
var age=10; 变量的创建和赋值
也可以同时声明和赋值多个变量
var age=10,name="张三";
不声明,直接省略var关键字为变量赋值不会发生错误,但是在函数内部不用var的变量是全局变量。
变量的声明提升
如果创建变量在输出代码的下面,会先将变量的声明提升到该作用域的最上方,赋值不会被提升
console.log(name); // undefined
var name = '转生者';
//上面的代码也可以用下面的代码表示
var name;
console.log(name); // undefined
name = '转生者';
JavaScript的基本数据类型
Undefined(未定义)、 Null(空)、 String(字符串)、 Number(数值)、 Boolean(布尔类型)
复杂数据类型有Object,Function,Array,Date...
检测数据类型用typeof
转换数据类型
1.其他类型转换为Boolean
undefined null 0 NaN(不是一个数值) " "转换为false
非空字符串 非0数字 对象转换为true
2.其他类型转换为Number
数字类型字符会保留原数据
非数字字符串会转换成NaN
parenInt( )将其他类型转换成Number类型只保留整数,不进行四舍五入
parseFloat( )将其他类型转换成Number类型保留小数,不进行四舍五入
3.其他类型转换为String
String()将其他数据类型转换成字符串型
toString()进行进制转换
4.隐式类型转换
当不同数据类型进行运算时,就算是没有进行数据类型转换,也会隐式转换成相同的数据类型比较
isNaN判断一个值是否为非数字类型