JavaWeb - JavaScript
JavaScript
JS 是弱类型，Java 是强类型
特点
1.交互性(它可以做的就是信息的动态交互)
2.安全性(不允许直接访问本地硬盘)
3.跨平台性(只要是可以解释 JS 的浏览器都可以执行，和平台无关)
01-hello.html
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
<script type="text/javascript">
// alert 是 JavaScript 语言提供的一个警告框函数.
// 它可以接收任意类型的参数，让这个参数就是警告框的提示信息
alert("hello javaScript!")
script>
head>
<body>
body>
html>
1.js 和 02-hello.html
alert("1122 hello world!");
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
<script type="text/javascript" src="1.js">script>
<script type="text/javascript">
// alert 是 JavaScript 语言提供的一个警告框函数.
// 它可以接收任意类型的参数，让这个参数就是警告框的提示信息
alert("前哥现在可以帅了!")
script>
head>
<body>
body>
html>
03-变量.html
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题title>
<script type="text/javascript">
/*
JavaScript 的变量类型:
数值类型: number
字符串类型: string
对象类型: object
布尔类型: boolean
函数类型: function
JavaScript 里特殊的值:
undefined 未定义，所有 js 变量未赋于初始值的时候，默认值都是 undefined
null 空值
MAM 全称是: Not a Number。非数字。非数值。
JS 中的定义变量格式:
var 变量名;
var 变量名 = 值;
*/
var i;
// alert(i); //undefined
i = 12;
// typeof()是 JavaScript 语言提供的一个函数。
// alert(typeof(i)); //number
i = "abc";
// 它可以取变量的数据类型返回
// alert(typeof(i)); //string
var a = 12;
var b = "abc";
alert( a * b ); //NaN NaN: 是非数字，非数值。
script>
head>
<body>
body>
html>
04-关系运算.html
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
<script type="text/javascript">
/*
等于: == 等于是简单的做字面值的比较
全等于: === 除了做字面值的比较之外，还会比较两个变量的数据类型
*/
var a = "12";
var b = 12;
alert( a==b ); // true
alert( a===b ); // false
script>
head>
<body>
body>
html>
05-逻辑运算.html
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
<script type="text/javascript">
/*
在 JavaScript 语言中，所有的变量，都可以作为一个 boolean 类型的变量去使用。
0、null、undefined，""(空串) 都认为是 false;
*/
// var a = 0;
// if(a){
// alert("零为真");
// } else {
// alert("零为假");//零为假
// }
// var b = null;
// if(b){
// alert("null为真");
// } else {
// alert("null为假")//null为假
// }
// var c = undefined;
// if(c){
// alert("undefined为真");
// } else {
// alert("undefined为假");//undefined为假
// }
// var d = "";
// if(d){
// alert("空串为真");
// } else {
// alert("空串为假");//空串为假
// }
/*
&& 且运算。
有两种情况：
第一种：当表达式全为真的时候。返回最后一个表达式的值。
第二种：当表达式中，有一个为假的时候。返回第一个为假的表达式的值
*/
// var a = "abc";
// var b = true;
// var d = false;
// var c = null;
// alert( a && b );//true
// alert( b && a );//abc
// alert( a && d );//false
// alert( a && c );//null
// alert(a && b && c);//null
// alert(a && d && c);//false
/*
|| 或运算
第一种情况：当表达式全为假时，返回最后一个表达式的值
第二种情况：只要有一个表达式为真。就会把回第一个为真的表达式的值
*/
// alert( d || c );//null
// alert( c || d );//false
// alert( a || c );//abc
// alert( a || c );//abc
script>
head>
<body>
body>
html>
06-数组.html
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
<script type="text/javascript">
/*
JS 中数组的定义:
格式:
var 数组名 = []; //空数组
var 数组名 = [1,'abc',true]; //定义数组同时赋值元素
*/
var arr = [true,1];//定义一个空数组
// alert(arr.length);//2
arr[0] = 12;
// alert(arr[0]);//12
// alert(arr.length);//2
// JS 语言中的数组，只要我们通过数组下标赋值，那么最大的下标值，就会自动的给数组做扩容操作。
arr[2] = "abc";
// alert(arr.length);//3
// alert(arr[9]);//undefined
// alert(arr.length);//3
// alert(arr[1]);//1
// 数组的遍历
for(var i = 0; i < arr.length; i++){
alert(arr[i]);
}
// 12
// 1
// abc
script>
head>
<body>
body>
html>
07-函数的第一种定义方式.html
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
<script type="text/javascript">
/*
function 函数名(形参列表){
函数体
}
*/
//定义一个无参函数
function fun(){
alert("无参函数fun()被调用了")
}
//函数调用===才会执行
// fun();//无参函数fun()被调用了
function fun2(a,b){
alert("有参函数fun2()被调用了 a=>" + a + ",b=>" + b);
}
// fun2(12,"abc");//有参函数fun2()被调用了 a=>12,b=>abc
//定义带有返回值的函数
function sum(num1,num2){
var result = num1 + num2;
return result;
}
alert(sum(100,50));//150
script>
head>
<body>
body>
html>
08-函数的第二种定义方式.html
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
<script type="text/javascript">
/*
var 函数名 = function(形参列表){
函数体
}
*/
var fun = function (){
alert("无参函数");
}
// fun();//无参函数
var fun2 = function (a,b){
alert("有参函数a=" + a + ",b=" + b);
}
// fun2(1,2);//有参函数a=1,b=2
var fun3 = function(num1,num2){
return num1 + num2;
}
// alert(fun3(100,200));//300
script>
head>
<body>
body>
html>
09-JS不允许函数重载.html
<