JavaScript引入页面方式及变量的声明

JavaScript引入页面与变量声明方法

最新推荐文章于 2024-05-19 16:11:10 发布

原创最新推荐文章于 2024-05-19 16:11:10 发布 · 374 阅读

CC 4.0 BY-SA版权

20 篇文章

订阅专栏

本文介绍了JavaScript引入页面的常用方式，包括行内引入、内部引入和外部引入，并强调script标签使用注意事项。还阐述了变量的声明及初始化，说明了变量命名规则，如不能以数字开头、区分大小写等，同时给出声明变量及赋值的示例。

在这里插入图片描述
JavaScript引入页面方式及变量的声明

1、JavaScript引入页面常用的方式

(1)行内引入:

<开始标签事件类型=“js代码”></结束标签>

行内引入方式必须结合事件来使用，但是内部js和外部js可以不结合事件

<body>
<input type="button" onclick="alert('行内引入')" value="button" name="button">
<button onclick="alert(123)">点击我</button>
</body>

(2)内部引入：

在head或body中，定义script标签，然后在script标签里面写js代码

<script>
alert("这是js的内部引入");
</script>

（3）外部引入：

定义外部js文件(.js结尾的文件)

<script type="text/javascript" src="demo.js"></script>

注:

变量的声明及初始化

变量: 是指在一段程序中不断变化的量,主要是用来存储数据.

语法结构: 使用关键字 var 变量的名称=值;

1、变量的命名规则:

(1)变量中不能以数字开头,但是可以包含数字;

(2)变量可以以字母, _, $ 开头;

(3)不能使用JS中的关键字命名;

(4)可以使用汉字命名,但是 LOW , 不推荐

(5)区分大小写 userName 和 username, 属于两个不同的变量

(6)遵守驼峰命名法: userName;

2、声明变量及赋值

var userName; 表示只是声明了一个变量，但未对其赋值

var userName=2222; 表示为其赋值