js的基础语法内容和重点——之转生在异世界学前端

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判断一个值是否为非数字类型