1.JS 是弱类型,Java 是强类型。
一:JavaScript 和 html 代码的结合方式
方式一:在<head></head>使用 script 标签(<script></script>) 来书写 JavaScript 代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"><title>Title</title>
<script type="text/javascript">
// alert 是 JavaScript 语言提供的一个警告框函数。
// 它可以接收任意类型的参数,这个参数就是警告框的提示信息
alert("hello javaScript!");
</script>
</head>
<body>
</body>
</html>
警告框效果如上
方式二:使用 script 标签引入 单独的 JavaScript 代码文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
现在需要使用 script 引入外部的 js 文件来执行
src 属性专门用来引入 js 文件路径(可以是相对路径,也可以是绝对路径)
script 标签可以用来定义 js 代码,也可以用来引入 js 文件
但是,两个功能二选一使用。不能同时使用两个功能
-->
<script type="text/javascript" src="1.js"></script>
<script type="text/javascript">alert("你好啊!");
</script>
</head>
<body>
</body>
</html>
注意:这里用src引入js文件,之前html用href引入css文件
二:变量
JavaScript 的变量类型:
数值类型: number
字符串类型: string
对象类型: object
布尔类型: boolean
函数类型: function
JavaScript 里特殊的值:
undefined 未定义,所有 js 变量未赋于初始值的时候,默认值都是 undefined.
null 空值
NaN 全称是:Not a Number 。非数字。非数值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
var i;
// alert(i); // undefined
i = 12;
// typeof()是 JavaScript 语言提供的一个函数。
// alert( typeof(i) ); // numberi = "abc";
// 它可以取变量的数据类型返回
// alert( typeof(i) ); // String
var a = 12;
var b = "abc";
alert( a * b ); // NaN 是非数字,非数值。
</script>
</head>
<body>
</body>
</html>
逻辑
等于: == 等于是简单的做字面值的比较
全等于: === 除了做字面值的比较之外,还会比较两个变量的数据类型
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
var a = "12";
var b = 12;
alert( a == b ); // true
alert( a === b ); // false
</script>
</head>
<body>
</body>
</html>
数组:
JS 中 数组的定义:
格式:
var 数组名 = []; // 空数组
var 数组名 = [1 , ’abc’ , true];
// 定义数组同时赋值元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
var arr=[true,1];
arr[0]=12;
alert(arr[0]);
alert(arr.length);
arr[2]="abc";
for (var i = 0; i < arr.length; i++){ alert(arr[i]); }
</script>
</head>
<body>
</body>
</html>
函数:
方式一:
function 函数名 ( 形参列表 ){
函数体
}
方式二:
var fun=function(形参列表){
函数体
}
简称 var 函数名 = function( 形参列表 ) { 函数体 }
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
// //定义无参
// function f() {
// alert("这里是无参");
// }
// f();
// function f2(a,b) {
// alert(a+ b);
// }
// f2(12,"abc");
// function sum(num1,num2) {
// var result=num1+num2;
// return result;
// }
// alert(sum(100,50));
var funs=function () {
alert("无参函数");
}
funs();
var fun2=function (a,b) {
alert("有参函数a="+a+" b="+b);
}
fun2(1,2);
var fun3=function (num1,num2) {
return num1+num2;
}
alert(fun3(100,50));
</script>
</head>
<body>
</body>
</html>
注意:js里不允许重载