JavaScript学习记录02--基础篇之javascript基本语法(一)

最新推荐文章于 2024-03-23 16:57:03 发布

Sapphire～

最新推荐文章于 2024-03-23 16:57:03 发布

阅读量341

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/z583706/article/details/53008513

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

第一节：JavaScript引入方式

引入方式：内部；外部

1、内部引入：

注意：脚本一定要包在script里面，js的执行是按序执行的，最好写在head或者body里面，如果写在其他地方，浏览器也会宽容的解释，但是不好(编译器会提示警告)

示例：

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+/ )

示例：

第三节：JavaScript变量

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

示例：

第四节：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>