第一节:JavaScript引入方式
引入方式:内部;外部
1、内部引入:
注意:脚本一定要包在script里面,js的执行是按序执行的,最好写在head或者body里面,如果写在其他地方,浏览器也会宽容的解释,但是不好(编译器会提示警告)
示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JavaScript简介</title>
</head>
<script type="text/javascript">
alert("JavaScript");
document.write("你好,JavaScript");//javascript 对象 js动态改变文档里面的东西,html没有此功能
</script>
<body>
</body>
</html>
2、外部引入:
步骤:创建单独的文件my.js,引入到html文件中起作用
注意:js外部引入的需要注意编码,否则会乱码
html示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JavaScript简介</title>
</head>
<script type="text/javascript">
alert("JavaScript");
document.write("你好,JavaScript");//javascript 对象 js动态改变文档里面的东西,html没有此功能
</script>
<body>8
<script type="text/javascript" src="my.js" charset='gbk'></script> //外部引入语法,注意编码。(项目统一编码为UTF-8话,可以不用单独写charset)
</body>
</html>
my.js文件示例:
alert("外部引入的"); //此页面默认编码是gbk
注意:外部的纯js文件,不用写script,直接写内容,或者函数即可。
第二节:JavaScript注释
单行注释://(跟Java一样)
多行注释:/* */ (Eclipse快捷键选中注释内容然后Ctrl+Shift+/ )
示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JavaScript注释</title>
</head>
<body>
<script type="text/javascript">
//document.write("a<br/>"); //单行注释
/* document.write("b<br/>");
document.write("c<br/>"); */ //多行注释
document.write("d<br/>");
</script>
</body>
</html>
第三节:JavaScript变量
JavaScript是弱类型语言,统一用var来定义变量。
示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JavaScript变量</title>
</head>
<body>
<script type="text/javascript">
var a; //定义变量
a = 1; //给变量赋值
document.write("a=" + a + "<br/>");
a = "我是字符串";//重新赋值后,也改变了a的数据类型,原来的a=1销毁了,垃圾回收
document.write("a=" + a + "<br/>");
var b = "你好啊";
document.write("b=" + b);
</script>
</body>
</html>
第四节:JavaScript基本数据类型
数值类型(包括整型和浮点型);字符串类型;布尔类型;Undefined(表示变量没有赋值) ; Null(置空变量)
示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JavaScript基本数据类型</title>
</head>
<body>
<script type="text/javascript">
var a = 1;
document.write("数字类型a=" + a + "<br/>");
var b = 1.36;
document.write("数字类型b=" + b + "<br/>");
var c = "你哈";
document.write("字符串类型c=" + c + "<br/>");
var d = true;
document.write("布尔类型d=" + d + "<br/>");
var e; //只定义不赋值,表示不含有值
document.write("e=" + e + "<br/>");
var f = "5dd";
document.write("f=" + f + "<br/>");
f = null; //f置空后的值为null
document.write("f=" + f + "<br/>");
document.write("pppp=" + p + "<br/>");//错误的不显示(没有定义这个变量)
</script>
</body>
</html>