JavaScript笔记

JavaScript定义 :

JavaScript是运行在浏览器端的脚本语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。JavaScript是浏览器解释执行的 .

JavaScript特点 :

• 可以直接嵌入到HTML代码中进行混排
• 跨平台
• 兼容性

JavaScript能做什么 :

• 特效
• 表单验证

JavaScript 语法 :

使用场景 :

第一种直接写入:<script type="text/JavaScript"></script>

第二种外部引入:<script src="1.js"></script>

第三种a标签写入:<a href"JavaScript:void(0)">a标签的方式</a>			//阻止跳转

第四种方式 标签属性: <button onclick="alert(1234)">点击按钮</button> 鼠标左键单击事件

变量声明 :

<script> 
    var 变量名字 = 100; 
	var	num	=200;
	var	num	=300;

	document.write(num);				// 在屏幕显示,打印变量.

	console.log(num);					//在F12控制台里面显示.		
</script>

// 请注意 , 变量是从上往下执行 , 变量名会被下面的变量名覆盖 . 

变量命名规则 :

• 字母数字下划线($)
• 首字母不能为数字
• 严格区分大小写
• 且不能使用关键字

代码注释 :

// 单行注释

/*
多行注释
*/

JavaScript数据类型 :

字符串类型(string)

var str = 'string';

PS : 双引号与单引号都不能解析变量.

var str = 'test';

document.write("halo'str'world");			//单引号可以嵌套双引号,双引号可以嵌套单引号,不能单引号相互嵌套.


//想要解析变量 , 可以使用 + 连接符

var x = '哈哈哈';

var str = 'hello'+x+ 'world';

document.write(str);

如果想让JS执行html代码 , 需要用 反引号 .

``
var z = ` <table>

<tr>
<th>test</th>
</tr>

<tr>
<td>test1</td>
</tr>

</table>`

特殊字符 :

\n 换行
\r 回车
\t 制表符		tab键

示例 : 
	var z = 'halo wor\r\nld'
	console.log(z);
	
请注意 : 单引号和双引号可以解析转义字符

布尔类型(boolean)

var bool = true;

var bool = false;

document.write(typeof(bool));			// typeof 检测变量类型

//请注意 : 布尔类型必须是小写的  不能是大写.

数值类型(number)

var num = 100;

var num = 3.146;

var num = 0x23;

var num = NaN;  简称 not a number  (特殊类型,任何和NAN做运算,返回结果都是NAN.其他数值与NAN做比较返回值都是fales)

对象类型 :

var z = new object();

var z = {};

数组类型 :

var arr=new Array()
var arr=[ ]

空对象类型 :

var null=null

自定义函数 :

function func(){

	}					//命名函数

var res = function(){

	}					//匿名函数

undefined 类型 :

var z;

数据类型转换 :

强制类型转换 :

• parseInt : 强制转换成整数类型

var str = '200px';

var str = '200.15';

var str = 'abc100';

var str = true/false;

var str = null;

//强制转换范围 : 从第一个数字开始 , 到最后一个数字结束 . 
/*

1 . 如果是纯数字的话 则直接返回数字类型的值 
2 . 如果首字母是数字,则截取到第一个不是数字之前的数字返回
3 . 如果首字母不是数字,返回NaN

*/

• parseFloat : 强制转换成小数点

var str = '300.14px';

var str = '2.35';

var str = true; 

• Number : 转成数值类型

var str = '200';

var str = '200kg';

var x = number(str);

/*

(1)纯数字转化成数字 如果中间有非数字 则直接返回NaN
(2)true => 1    false => 0

*/

• String : 转换成字符串

var bool = true;
var bool = false;
var nulls = null;
var uns = undefined;
var nums = 300;

var x = string(bool);

• Boolean : 转换成布尔类型

var z = 100;

var x = Boolean(z);

/* 

0, 0.0, “”, false, null, undefined, NaN, 这些都为假 其他为真.

*/

自动类型转换 :

1 . 自动计算(用Number自动转换) :

var x = '200'+30;

document.write(x);

// 在JS中 + 代表两种   第一种 : 连接符的作用   第二种 : 运算作用

//小测试

var z = 20+30+'10'	???

var x = '10'+20+30	???

var c = true+1;

var v = false+1;

var s = '30px'-10;

var v = '20'*3;

var v = '20'/3;