目录

1.JavaScript引入方式

1.1内部引入;

1.2外部引入;

2.JavaScript注释

3.JavaScript变量

4.JavaScript基本数据类型


1.JavaScript引入方式

1.1内部引入;

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 写在head里面 -->
<script type="text/javascript">
	alert("头部");
</script>
</head>
<body>
<!-- 写在body里面 -->
<script type="text/javascript">
	alert("身体");
</script>
</body>
</html>

运行结果:

JavaScript(二)——JavaScript基本语法(上)_●  Web前端基础篇

点击确定之后还会弹出下一个对话框:

JavaScript(二)——JavaScript基本语法(上)_JavaScript_02

这里浏览器是依次解析的!

 

1.2外部引入;

我们还可以再写一个.js文件,然后用链接的方式引入;

鼠标右键新建File,以.js结尾,取名my.js,内容如下:

alert("外部引入的js文件");

 然后在之前的.html文件中引入.js文件:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 写在head里面 -->
<script type="text/javascript">
	alert("头部");
</script>
<!-- 外部引入的.js文件 -->
<script type="text/javascript" src="my.js"></script>
</head>
<body>
<!-- 写在body里面 -->
<script type="text/javascript">
	alert("身体");
</script>
</body>
</html>

运行结果同上,依次会出现"头部"、"外部引入的.js文件"、"身体"等三个对话框;

注意:这里要将.js文件的字符集编码调成UTF-8!  如图:

 JavaScript(二)——JavaScript基本语法(上)_java_03

 

2.JavaScript注释

单行注释:// ;

多行注释:  /*    */ ;

注释快捷键:Ctrl+Shift+/; 一般用快捷键就可以了

 

3.JavaScript变量

JavaScript是弱类型语言,统一用var来定义变量;

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
	var a;  //定义变量a
	a=1;   //给变量a赋值
	document.write("a="+a+"<br/>");
	a="我是字符串";
	document.write("a="+a+"<br/>");
	
	var b="你好啊";
	document.write("b="+b+"<br/>");
</script>
</body>
</html>

运行结果:

JavaScript(二)——JavaScript基本语法(上)_基本语法_04 

 

4.JavaScript基本数据类型

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
	var a=1;  //定义整型变量a
	document.write("数值类型a="+a+"<br/>");
	var b=1.2;  //定义变量b
	document.write("数值类型b="+b+"<br/>");
	var c="你好";  //定义字符串类型变量c
	document.write("数值类型c="+c+"<br/>");
	var d=true;   //定义布尔类型变量d
	document.write("数值类型d="+d+"<br/>");
	
	var e;  //表示变量e不含有值,为undefind;
	document.write("变量不含有值e="+e+"<br/>");
	var f="你好啊";
	document.write("字符串变量f="+f+"<br/>");
	f=null;  //将字符串变量f置空
	document.write("置空变量f="+f+"<br/>")
</script>
</body>
</html>

运行结果:

JavaScript(二)——JavaScript基本语法(上)_java_05