1、JavaScript介绍
Javascript语言诞生主要是完成页面的数据验证。因此它运行在客户端,需要运行浏览器来解析执行JavaScript代码。
JS是Netscape网景公司的产品,最早取名为LiveScript;为了吸引更多java程序员。更名为JavaScript。
JS是弱类型,Java是强类型。
强类型就是指在定义变量的时候.变量的具体类型就确定.在整个使用过程中.变量的数据类型不会发生变化.
弱类型变量在定义的时候.具体的类型是不确定的,具体的数据类型是由赋值的数据类型决定.在使用过程中会发生变化.
特点:
交互性(它可以做的就是信息的动态交互)。
安全性(不允许直接访问本地硬盘)。
跨平台性(只要是可以解释JS的浏览器都可以执行,和平台无关)。
2、JavaScript和html代码的结合方式
2.1、第一种
在head 标签中或者在body标签中使用script 标签来书写JavaScript代码。
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
script标签是用于定义js代码.
type表示script标签中的数据类型
-->
<script type="text/javascript">
// alert是JavaScript语言提供的一个警告框函数.
// 你给这传递什么信息,它就会提示什么信息
alert("JavaScript Hello world!");
</script>
</head>
<body>
</body>
</html>
2.2、第二种
使用script 标签引入 单独的JavaScript代码文件。
3、变量
变量是可以存放某些值的内存的命名。
JS中的定义变量格式:
var 变量名;
var 变量名 = 值;
4、关系(比较)运算
<!DOCTYPE html>
<html lang="zh_CN">
<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
alert( typeof(a) );
alert( typeof(b) );
</script>
</head>
<body>
5、逻辑运算
在JavaScript语言中,所有的变量,都可以做为一个boolean类型的变量去使用。
0 、null、 undefined、””(空串) 都认为是 false;
/*
&& 与运算。
有两种情况:
第一种:当表达式全为真的时候。返回最后一个表达式的值。
第二种:当表达式中,有一个为假的时候。返回第一个为假的表达式的值
|| 或运算
第一种情况:当表达式全为假时,返回最后一个表达式的值
第二种情况:只要有一个表达式为真。就会把回第一个为真的表达式的值
并且 && 与运算 和 ||或运算 有短路。
短路就是说,当这个&&或||运算有结果了之后 。后面的表达式不再执行
*/
var a = "abc";
var b = true;
var d = false;
var c = null;
示例代码 :
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<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为假");
// }
// var c = undefined;
// if (c) {
// alert("undefined 为真");
// } else {
// alert("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( d && a ); //false
// alert( c && a ); // null
// alert(a && c); // null
// || 或运算
// 第一种情况:当表达式全为假时,返回最后一个表达式的值
// alert( d || c ); // null
// alert( c || d); // false
// 第二种情况:只要有一个表达式为真。就会返回第一个为真的表达式的值
// alert(a || b); // abc
// alert(b || a); // true
</script>
</head>
<body>
</body>
</html>