JavaScript（二）——JavaScript基本语法（上）

最新推荐文章于 2022-07-16 22:52:28 发布

程序员的时光

最新推荐文章于 2022-07-16 22:52:28 发布

阅读量301

点赞数

分类专栏： ● Web前端基础篇文章标签： JavaScript 基本语法

本文链接：https://blog.csdn.net/qq_37084904/article/details/88717325

版权

● Web前端基础篇专栏收录该内容

33 篇文章 3 订阅

订阅专栏

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>

运行结果：

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

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

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! 如图：

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>

运行结果：

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>

运行结果：

程序员的时光

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript（二）——JavaScript基本语法（上）

目录1.JavaScript引入方式1.1内部引入；1.2外部引入；2.JavaScript注释3.JavaScript变量4.JavaScript基本数据类型1.JavaScript引入方式1.1内部引入；<!DOCTYPE html><html><head><meta charset="UTF-8">...
复制链接

扫一扫