JavaScript笔记1：编写位置、注释、基本语法、字面量和变量

最新推荐文章于 2024-10-11 10:08:02 发布

学JAVA的好人

最新推荐文章于 2024-10-11 10:08:02 发布

阅读量148

点赞数

分类专栏：笔记 # JavaScript 文章标签： java javascript js

本文链接：https://blog.csdn.net/Lanhaorena/article/details/109148156

版权

笔记同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

JavaScript

12 篇文章 0 订阅

订阅专栏

一个完整的JavaScript实现包含三部分：

一个完整的JavaScript实现包含三部分：
1. ECMAScript
2. DOM
3. BOM
JS代码的编写位置
1. 第一种：句柄属性
  1. JS是一门时间驱动型编程语言，依靠事件去驱动，然后执行对应的程序。其中一个事件是鼠标单击，单词是click。任何事件都会对应一个事件句柄onclick，事件句柄是以HTML标签的属性存在
  2. οnclick="js代码"，执行原理：页面打开的时候，js代码不会执行，而是把这段代码注册到按钮click事件上，等这个按钮发生click事件之后，注册在onclivk后面的代码会被浏览器自动调用
2. 第二种：脚本块
  1. 语法格式<script type="text/javascript"> js代码 </script>
  2. 暴露在脚本块当中的程序，在页面打开的时候执行，并且自上而下的顺序依次逐行执行（不需要事件）
3. 第三种;引入独立的js脚本文件
  1. 示范：<script type="text/javascript" src="js/1.js"/></script>
  2. script标签必须要有结束标签，不能省略
  3. 脚本块中引入了js文件，则脚本块中的脚本语句不会执行，需另写一个代码块来执行脚本语句
4. 注意：script标签一旦用于引入外部文件，就不能再编写代码，即使编写也会被浏览器忽略。如果需要可以另外创建script标签来编写代码

<head>
		<script>
			// 让计算机在页面输出一个内容，即向body中输出一个内容
			document.write('Hello World!')

			// 控制浏览器弹出一个警告框
			alert("Hello World！")

			// 向控制台输出一个内容
			console.log('Hello World!')

           // prompt()函数可以弹出一个提示框，该提示框中带有一个文本框，用户可以在文本框中输入一段内容，会返回用户输入的内容（String）
			// 该函数需要一个字符串作为参数，该字符串将会作为提示框的提示文字
			a = prompt('请输入：')// 获取用户输入的内容
			console.log(a)

		</script>
</head>
<body>
		<button onclick="alert('你点了我一下~')">点一下</button>
		<a href="javascript:alert('让你点你就点~');">也点一下</a>
		<a href="javascript:;">也要点一下</a>
</body>

注释

/*
* 多行注释
*/

// 单行注释

JS的基本语法
1. 严格区分大小写
2. 每一条语句以分号（;）结尾
  1. 如果不写，浏览器会自动添加，但是会消耗一部分资源
  2. 而且浏览器可能会添加错误，所以尽量自己写
3. JS会忽略多个空格和换行，可利用空格和换行进行排版
字面量和变量
1. 字面量
  1. 字面量是一些不可改变的值，可以直接使用，但是一般不会直接使用
  2. 如：1、2、3、4
2. 变量：
  1. 变量是用来保存字面量，而且变量的值是可以任意改变的
  2. 通过变量和保存字面量，很少直接使用字面量
  3. 如：x = 1 中 1 是字面量，x 是变量
  4. 变量的声明提前
    1. 使用var关键字声明的变量，会在所有的代码执行之前被声明，但是不会赋值
    2. 不使用var关键字，则变量不会被声明提前
```
<script>
    // 声明变量
    var a;
    // 为变量赋值
    a = 1;
    
    // 声明变量并赋值
    var b = 2;
    
    // 直接赋值声明变量，可不用var关键字
    c = 3；
</script>
```