后台用printwriter输出javascript代码_JavaScript学习day01

关于?的说明

笔者在学习HTML、CSS的过程中发现，二者其实无需赘述。而CSS相对HTML，更无必要写一篇文章来描述，其内容大部分是一些选择器和标签的基本使用语法。类似这一部分，可以查阅相关说明文档解决

接下来分享的内容将以JavaScript为主，更新时间依然不确定(期末考试很近了，题外话：有毛概重点的小伙伴可以后台滴滴我，求求了！)

?了这么久，无非是因为学习繁忙。对的，请相信我！

什么是JavaScript

在网页使用的特定场景下(如注册用户)，常常需要即时处理网页中的前端验证，即检查用户在交互过程中的规范性。为了解决这个问题，网景(Netscape)公司于在其旗下导航者浏览器上设计实现了一款名为JavaScript的脚本语言

JavaScript的实现

一个完整的JavaScript实现由三个部分组成：

	JavaScript
ECMAScript	DOM	BOM

其中：

• ECMAScript是JavaScript的实现标准

• DOM为文档对象模型，提供一组对象以操作网页

• BOM为浏览器对象模型，提供一组对象以操作浏览器

JavaScript的特点

-解释型语言

无需编译过程，代码编写完毕可以直接调试运行

-动态语言

-基于原型的面向对象

初识JavaScript

我们将通过一部分代码来帮助理解和认识简单的JavaScript:

charset="UTF-8">

初识JavaScript

不难发现，JavaScript(以下简称JS)的使用和CSS是类似的，即JS代码需要编写入script标签内。而script标签的type属性可以不写，默认值即text/javascript

以下再给出几个实例，该实例应被放置于上述代码的script标签中：

alert("这是一个弹窗警告");

该代码可以实现，在网页打开的瞬间弹出一个需要确认的警告窗口

document.write("在页面中输出一个内容");

该语句作用是在输出后的body标签中增加相应内容

console.log("控制台日志输出");

通过以上代码，可以在控制台输出相应的信息

JavaScript的编写位置

编写到标签

-type属性

例如前文提到的script标签

-onclick属性

使用举例：

onclick="alert('欢迎使用');">点击登录

只有当点击该模块时，才会触发onclick属性内的js代码

-href属性

使用举例：

href="javascript:alert('欢迎使用');">点击登录

只有点击该超链接时，才会触发href属性内的js代码

类似于css，这种将js编写到标签属性中的行为虽然合法，但这种写法属于结构与行为耦合，不便维护更新等后续工作

编写到外部js文件

在外部编写完成js文件，再由script标签将该文件引入，具体使用语法如下：

一旦使用了外部引入script，浏览器会自动忽略该部分的内部js，如需在内部将js编写到标签，需要重新编写一个script标签

编写到外部文件，其优势在于可以利用到浏览器的缓存机制，js文件可以被重复多处引用，同时方便了后期的维护工作

JavaScript的基本语法

注释

• 多行注释

  基本语法结构如下

1. /* js

2. 多行注释

3. 示例

4. */

• 单行注释

  基本语法结构如下

1. //js单行注释示例

字面量与变量

• 字面量

  可以理解为常量，例如数字1，2，3，… 。字面量可以直接使用，但使用情况较少

• 变量

  变量可用于保存字面量，变量的值可以任意改变

声明变量

在js中，使用关键字var来声明一个变量，如下：

var a;

a=1;//变量赋值

亦可在声明的同时给变量赋值：

var a=1;

标识符

所有可被自主命名的都可以称为标识符，如：

• 变量名

• 函数名

• 属性名

标识符须遵守如下规则：

• 标识符中只允许字母、数字、下划线以及$符号

• 标识符不能以数字开头

• 标识符不能是ECMAScript标准中的关键字和保留字

• 标识符一般采用驼峰命名法

  即对于所有单词，第一个词首字母小写，其余每个词的开头字母大写，剩下的字母小写，如“chickenBreast”

其他注意信息

• JavaScript对大小写有严格的区分要求

• 每一条语句要以分号结尾

  js没有明确不可以加分号，不加分号会占用部分系统资源，这是因为浏览器会自动添加分号(容易出现分号乱加的情况)

• JS语法会忽略多个空格与换行符

关于基本语法的内容，暂时分享到这里，我们下期再

?