目录
一、js
1、Javascript的基本特点
- 脚本语言:JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript可以直接执行。
- 基于对象:JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
- 简单:JavaScript语言采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
- 跨平台:JavaScript只依赖于浏览器而与操作系统无关,目前JavaScript已被大多数的浏览器所支持。
2、web开发执行流程
web服务器软件:一般指网站服务器,第三方计算机的程序,可解析http请求,并调用服务器程序完成http响应。
浏览器端js执行基础组成:
- Js核心语法:包含js的数据类型、函数封装、内置对象与本地对象。
- 事件:事件是使用者对浏览器当前显示界面的操作,例如点击、鼠标移动、敲击键盘都是事件。
- DOM:文档对象模型(Document Object Model,简称DOM),现在可以简单的理解为浏览器供应商提供的操作页面元素的方式。Javascript并不能直接操作页面元素(例如拖拽等功能),但可以调用DOM完成。
- BOM:浏览器对象模型BOM(Browser Object Mode),是浏览器供应商提供的操作页面窗口的方式(例如打开新窗口、全屏显示等)。
3、JS的引入方式
javascript语言如果直接编写在html文件上,浏览器将会将他的内容当作html代码执行,而不是javascript代码。
常见的引入javascript的方式:
- 内嵌javascript脚本
- 引入外部的javascript文件
- 在事件中编写javascript(不推荐)。
- 模块化引入(详见VUE章节)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- <script type="text/javascript">
alert('zsww'); //从外到内从上到下
</script> -->
<!--一个JS引入外部JS文件后,就不能再标签内些东西了,不执行。 -->
<script type="text/javascript" src="01.js"></script>
</head>
<body>
<input type="button" value="按钮1" onclick="alert('bjyx')" />
<button type="button" onclick="alert('我爱你中国!')">按钮2</button>
</body>
</html>
二、变量和类型数据
1、JavaScript的组成
- 标示符:用户自定义的变量名、函数名等。
- 关键字:javascript的内置单词,每个关键字都代表某一个计算机操作。
- 操作符:+ - * % 等
- 注释:通过添加添加注释来对 JavaScript 进行解释。
- 转义字符:用一些普通字符的组合来代替一些特殊字符,由于其组合改变了原来字符表示的含义,因此称为“转义”
- 内置函数:浏览器供应商提供的函数,可以实现部分特定功能,如日期显示等等。
- 特殊符号:行代码分隔符; 代码块符号{}
2、基本语法规则
注释:编写在程序中作为程序的说明,以便于以后的参考、修改。在运行程序时不做处理。
具备如下特点:
- 被注释的程序块不会执行.
- 注释可以提高代码的可读性,因此添加注释是编程的好习惯。
- javascript的注释虽然不执行,但也会下载到客户端&#x