JavaScript简介
1、JS介绍
全称：JavaScript，简称JS
JS是由NetScape(?景)提供的?门嵌?在浏览器中执?的脚本语?（?段?程序）
主要作?：?于实现?页中的动画效果和实现表单验证
JS可以运?在服务器端（Node.js）
2、JS的特点
JS是?门直译式的语?（JS不需要编译,执?的就是源代码）
JS是?门基于对象的语?（JS可以通过某些机制模拟?向对象）
JS是?门弱类型的语?（Java是强类型）
Java: String str = "Hello World";
int number = 100;
JS: var str = "Hellow World";
alert(str);
str = 100;
alert(str);
str = true;
alert(str);
str = [88,123,111];
alert(str);
3、JS的优势
JS具有良好的交互性
JS具有?定的安全性(运?在浏览器内部)
JS具有跨平台性
Java语?具有跨平台性,是因为有JVM,JVM跨平台吗?
JVM不跨平台
JS语?具有跨平台性,是因为有浏览器,浏览器跨平台吗?
浏览器不跨平台!
4、如何在HTML中引?JS？
4.1.?式?: 在head或者body内部可以添加?个script标签
在script标签内部可以直接书写JS代码
4.2.?式?: 在head或者body内部可以添加?个script标签
在script标签上通过src属性,可以引?外部的JS?件
需要注意的是,第?种?式script标签内部不要写JS代码,写了也不会执?!
4.3.?式三:将JS代码写在标签上
type="button" value="也别点我!"/>
4.4.onclick、ondblclick 事件
onclick是点击事件,在被绑定了该事件的元素上点击后,会?即触发事件,执?所指向的函数
ondblclick是点击事件,区别是需要双击才可以触发事件,执?所指向的函数
?、JS的语法
1、JS的注释
// 单?注释
/* 多?注释 */
2、JS数据类型
2.1.基本数据类型
1)数值类型(number)
在JS的底层,所有的数值都是浮点型
但在处理和显?的过程中,如果可以显?为整型,会?动的在整型和浮点型之间进?转换
2.4+3.6=6
Infinity(正?穷?)
-Infinity(负?穷?)
NaN(Not a Number)?数值
2)字符串类型(string)
JS中的字符串类型是基本数据类型,字符串可以使?双引号或者单引号引起来
例如:
var str1 = "Hello JS";
var str2 = 'Hello JS';
console.log( typeof str1 ); // string
console.log( typeof str2 ); // string
JS中提供了字符串的包装对象--String
var str3 = new String("Hello JS");
console.log( typeof str3 ); // object
str1和str2也可以当做对象使?,在使?时,和str3没有什么区别
3)布尔类型(boolean)
布尔类型值: true 和 false
4)undefined 类型
undefined: 表?声明了变量,但是没有为变量赋值,该变量的值就是undefined
var x;
alert(x); //undefined
5)null类型
null: 表?空值,可以作为函数的返回值,表?函数返回的是?个空的对象
undefined和null都不能调?属性或?法,否则就会抛异常!
2.2.复杂数据类型
对象,数组,函数
3、JS的变量声明
JS中是通过var关键字声明变量,通过var声明的变量不区分类型,可以指向任意的数据
var s1 = "Hello World";
s1 = 123;
s1 = false;
s1 = [];
s1 = function(){alert("s1?法执?了...")}
JS中有?动断句功能,即使??后?不加分号,也可以正常执?,但是建议加上分号;
JS中如果重复声明变量,也不会报错, 因为JS中声明?个已存在的变量不会?效;
var x = "abc"; //var x; x = "abc";
var x = 123; //var x; x = 123;
alert(x);
JS在书写时,是严格区分??写的!
4、JS的运算符
JS中的运算符和Java中的运算符?致相同
算术运算符: +，-，*，/，%，++，--
赋值运算符: =，+=，-=，*=，/=，%=
?较运算符: ==，!=，>，>=，<，<=
位运算符: & ， |
逻辑运算符: && ，|| ( false &&表达式, true || 表达式 )
前置逻辑运算符: ! (not)
三元运算符: 表达式 ? 表达式1 : 表达式2
。。。
5、JS的语句
5.1.if分?
if(){...}
if(){...}else{...}
if(){...}else if{...}else{...}
5.2.switch分?
switch(变量/表达式){
case opt1:
代码块;
break;
case opt2:
代码块;
break;
...
default:
代码块;
}
5.3.循环结构
for(){}
while(){}
do while(){}
6、JS数组
JS的数组声明?式:
//声明?个空数组,长度为零
var arr1 = [];
//声明?个具有初始值的数组
var arr2 = [100,"abc",false,new Date()];
//声明?个空数组,长度为零
var arr3 = new Array();
//声明?个具有初始值的数组
var arr4 = new Array(100,"abc",false,new Date());
//指定长度的数组(只有?个参数并且是数值,这个数值是长度)
var arr3 = new Array(10);
JS数组的特点:
1) JS中的数组可以存储任意类型的数据
2) JS数组的长度可以被任意改变
7、JS函数
JS的函数相当于Java中的?法
就是?个具有功能的代码块,通过函数名可以反复执?!
声明?式1:
function 函数名([参数列表]){
函数体...
}
声明?式2:
var 变量/函数名 = function([参数列表]){
函数体...
}
声明?式3:
(function([参数列表]){
函数体...
})([参数列表])
更多内容https://download.csdn.net/download/weixin_45892228/87002276