一、内嵌脚本与外引脚本
在 HTML 中,可以通过内嵌脚本和外引脚本来引入 JavaScript 代码。
(一)内嵌脚本
<!-- 内嵌 -->
<script>
alert(1);
</script>
内嵌脚本直接写在 HTML 文件中,方便快捷,但不利于代码的维护和复用。
(二)外引脚本
<!-- 外引-->
<script src="/js/Javascript.js"></script>
外引脚本将 JavaScript 代码放在单独的文件中,提高了代码的可维护性和复用性。
需要注意的是,当既有内嵌脚本又有外引脚本时,内嵌脚本可能会被外引脚本完全覆盖掉。但是可以有多个<script>
标签。
二、变量的定义与使用
(一)定义变量
在 JavaScript 中,使用var
关键字来声明变量。
var a = 10;
var b = 20.8;
var c = "demo";
var d = 'aaa';
var e = true;
变量在定义时不区分类型,但在使用时会有类型。
(二)变量类型
- 基本类型:
- 数字类型:如
var a = 10
和var b = 10.5
。 - 字符串类型:用单引号或双引号括起来的字符序列,如
var c = "demo"
和var d = 'aaa'
。 - 布尔类型:只有
true
和false
两个值,如var e = true
。 undefined
类型:声明一个变量但没有赋值时,该变量的值为undefined
。NULL
类型:表示一个空值,当涉及到一个量但这个量本身不存在时使用。
- 数字类型:如
- 复合类型:
- 数组:可以存储不同类型的数据,通过下标访问数组元素,下标从 0 开始。例如:
var a = [10, 30.5, "hhh", 'aaa', true, undefined, null, [10, 50.6, 'add']]; console.log(a[7][2]);
- 对象:由键值对组成,可以存储不同类型的数据。例如:
var obj = { name: "小刘", age: 28, play: ["篮球", "足球"], children: [ { name: "111", age: 5 }, { name: "cc", age: 5 } ], eat: function f(a, b) { console.log(a); console.log(b); console.log("对象里面命名函数"); } }; var oo = obj; console.log(oo); console.log(obj.play[0]);
- 函数:可以作为一种数据类型存储在变量中。例如:
var aa = function(a, b) { console.log("匿名函数执行了"); }; console.log(aa); aa();
三、函数的定义与调用
(一)定义函数
在 JavaScript 中,可以使用
function
关键字来定义函数。 - 命名函数:
function f(a, b) { console.log("函数执行了"); }
- 匿名函数:
var aa = function(a, b) { console.log("匿名函数执行了"); };
(二)函数调用
函数调用可以通过函数名加括号来实现。如果是匿名函数,需要先将其赋值给一个变量,然后通过变量加括号来调用。
f(); aa();
(三)函数与交互相关
在 JavaScript 中,可以通过监听文档对象的事件来实现交互功能。例如:
console.dir(document); document.ondblclick = function() { alert(1); };
这里监听了文档对象的双击事件,当用户双击文档时,会弹出一个提示框。
-
//console.log(document)作为文档打印 //console.dir(document) 作为对象打印 //onclick 单机 //ondblclick 双击 //onmouseenter 鼠标放上去 //onmouseleave 鼠标离开
通过以上对 JavaScript 基础知识点的介绍,希望能帮助你更好地理解和掌握这门语言。在实际开发中,还可以结合更多的实践案例和高级特性,不断提升自己的编程能力。
- 数组:可以存储不同类型的数据,通过下标访问数组元素,下标从 0 开始。例如: