一、JavaScript简介
1.什么是JavaScript？
JavaScript 简称为 JS，由网景公司开发的客户端脚本语言，不需要编译，可以直接运行
Web 前端三层：
- 结构层 HTML 定义页面的结构
- 样式层 CSS 定义页面的样式
- 行为层 JavaScript 用来实现交互，提升用户体验
2. JavaScript 作用
- 在客户端动态的操作页面
- 在客户端做数据的校验
- 在客户端发送异步请求
二、JavaScript基本用法
1、基本结构
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
alert("Hello World !");
console.log("Hello World !");
document.write("Hello World !");
</script>
</head>1.1、输出信息的三种方式
alert()弹出警告框console.log()输出到浏览器的控制台document.write()输出到页面
实例：
执行结果：
2、转义符
由于字符串中经常会有一些特殊字符，比如换行、引号等，为了让字符能够正常显示，此时需要使用转义符
常用转义符：
\n换行\t缩进\"双引号\'单引号
3、注释
3.1注释
两种：
- 单行注释
以
//开始，以行末结束
- 多行注释
多行注释以
/*开始，以*/结束
4、语法约定
编码规范：
- 区分大小写
- 代码缩进
- 建议每行只写一条语句，语句结束以分号结尾
- 如果不以分号结尾，则以行末作为语句的结束
- 代码执行顺序：从上往下，从左往右
5、引用JavaScript方式
引用 JavaScript 有三种方式：
1. 内联方式
在页面中使用 script 标签，在 script 标签的标签体中编写 js 代码
script 标签可以放在页面的任意位置，（不同位置加载顺序不一样）一般放在 head 中
<script type="text/javascript">
js代码
</script>2. 行内方式
在普通标签中编写 js 代码，一般需要结合事件属性，如 onclick、onmouseover 等
<input type="button" value="点我" onclick="alert('Hello')"/>
<!-- 使用超链接的 href 属性执行 js 时，必须添加 javascript 前缀 -->
<a href="javascript:alert('World')">我是超链接</a>3. 外部方式
使用单独的.js文件定义，然后在页面中使用 script 标签引入外部脚本文件
<script type="text/javascript" src="js文件的路径"></script>注：如果某个 script 标签用于引入外部 js 文件，则该 script 标签的标签体中不能再写 js 代码
扫一扫
986
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
