初识JavaScript

1.js填写的位置

1.1直接给标签添加事件

<a href="javascript:alert('hello');">hello</a>
<div onclick="alert('123456')">点击我试试</div>
<span onclick="alert('123456')">点击我试试</span>

1.2在外部引入js[开发中用的多]

<script src="./js/one.js"></script>

1.3在body结束标签的后面添加js代码

1.4写在head里面，必须要添加 window.onload ,当页面加载完毕之后再执行js

2.JS的输出方式

2.1弹窗输出

alert('hello world');

2.2页面输出

document.write('hello world');

document.write('<h1>hello world</h1>');

document.write('<div>hello<span> world</span></div>');

('') 里面添加内容的,叫做方法

= '' 后面添加内容的,叫做属性

 2.3 控制台输出[不是为了给用户看的,给开发者(程序员),错误信息]

    console.log('我是张三');

3.如何使用

3.1声明一个变量

var uname = 'jack';
var userName = 'jack';
console.log(userName);
console.log(uname);

         注意:如果只是声明了一个变量,但是没有给这个变量赋值,输出的时候,就是undefined

        当没有var的时候,直接输出uname,会报错,uname is not defined

        带有var的变量,会声明前置[优先执行var uname]

   4.变量的类型

        字符串类型、数字类型、undefined、null、Boolean

4.1字符串类型

 4.1.1 只要用引号包裹起来的就是字符串(双引号,单引号)

 4.1.2 双引号里面不能写双引号,单引号里面不能写单引号

 4.1.3可以添加转义字符

 4.1.4字符串中的特殊符号 +

            注意:只要+两边,有任意一个是字符串类型,那么+就是字符串拼接的作用

 4.1.5所有的变量只要用引号包裹起来,就会变成字符串

 4.1.2 双引号里面不能写双引号,单引号里面不能写单引号

4.2 数字类型

4.2.1 进制

进制表示数字

            二进制 0b

            八进制 0

            十六进制0x

            最终输出的时候,一定是十进制

4.2.2整型和浮点型

var num1 = 10.5;
console.log(typeof num1);

4.2.3number类型(number,NaN[not a number])

任何一个NaN和另外一个NaN,永远不相等

4.2.4toFixed(小数点后的位数) 保留小数点后的位数 特点:四舍五入

           

console.log(0.158);
console.log(0.158.toFixed(2));

4.2.5浮点数是一个近似值  所以,有时候得到的并不是我们期待的结果

console.log(0.1+0.2);

console.log(1-0.9);

4.2.6parseInt 得到一个整型,没有四舍五入 parseFloat 得到一个浮点型

           

console.log(parseInt(25.123));
console.log(parseInt(25.623));
console.log(parseFloat(25.623));
console.log(parseFloat(25));

5.数组

5.1数组的创建方式

var arr = new Array();
var arr2 = new Array();
arr2[0] = '苹果';
arr2[3] = '香蕉';
console.log(arr2);
var arr = new Array("焦作","武陟","云台山");
console.log(arr);

5.2获取里面的值

           

0,1,2 数组的键/下标
var arr1 = ["上海","杭州","深圳"];
console.log(arr1);
console.log(arr1[0]);
console.log(arr1[1]);
console.log(arr1[2]);

5.3多维数组

         

var arr1 = [
[['高新区','金水区','中原区'],'开封','洛阳'],
['朝阳区','海淀区','丰台区'],
['宝山区','浦东新区','徐汇区']];
console.log(arr1[1][2]);
console.log(arr1[0][0][0]);

6 undefined、null、Boolean

6.1undefined 未定义

       

1. 定义了一个变量但没有为该变量赋值，使用了一个并未赋值的变量
var str;
console.log(str);
2. 使用了一个不存在的对象的属性时
1) 天生有对象
使用js自带的对象,日期事件,字符串,数组....
2) 没有对象,创建对象
创建,new Object
字面量的方式创建

6.2object对象

var carObj = new Object();
// 属性:本身所具有的
carObj.color = 'red';
carObj.brand = 'BMW';
// 方法:能做的事情
carObj.run = function(){
console.log('能跑...');
}
console.log(carObj.brand);
console.log(carObj.height);
carObj.run();

6.3严格模式

"use strict";

6.4null、Boolean

null 空值
        var str = '';
        var str1 = null;
        var newObject = null;
        newObject = 123
        */ 
       
        /*
        Boolean
        真 true
        假 false
        判断的时候使用