[2025.2.10 JavaWeb学习]JavaScript
JavaScript：跨平台、面向对象的脚本语言
基本概念
- 不需要编译
- 与Java是完全不同的语言，但是基础语法相似
- 于1997年成为ECMA标准
引入方式
-
内部脚本：将JS代码定义在HTML页面中
- JS代码必须位于
<script></script>标签之间 - 在HTML文档中，可以在任意地方，放置任意数量的
<script> - 一般会把脚本置于
<body>元素的底部，可改善显示速度
- JS代码必须位于
-
外部脚本：定义在JS文件中，然后引入到HTML中
- 外部JS文件只包含JS代码，不含
<script>标签 <script>标签不能自闭合：<script src="xxx.js"></script>
- 外部JS文件只包含JS代码，不含
基本语法
- 区分大小写，变量、函数等
- 每行分号可有可无
- 注释：
- 单行注释：
// - 多行注释：
/**/
- 单行注释：
- 大括号表示代码块
- 输出语句：
window.alert()：写入警告框document.write()：写入HTML输出console.log()：写入浏览器控制台
变量
var关键字声明变量- JS为弱类型语言，可以存放不同类型的值
- 建议遵守驼峰原则
- EMCAScript 6 新增了
let关键字定义变量，用法类似var，但所声明的变量只在let所在代码块生效，且不允许重复声明 - EMCAScript 6 新增了
const关键字，用来声明一个只读的常量，一旦声明，常量的值不能改变
数据类型
-
分为两种类型
-
原始类型
-
引用类型
-
-
运算符：
-
类型转换
-
流程控制
函数
- 定义：
fuction functionName(par1, par2...){//code} - 形参不需要类型，因为JS是弱类型语言
- 返回值页不需要定义类型，可以在函数内部直接使用return返回
- 也可使用
var进行定义：var functionName = function(par1, par2...){//code}
对象
- 数组
- 定义：
var 变量名 = new Array(元素列表); - 访问：
arr[index] = val; - 相当于java中的集合，长度可变，可以存储任意类型数据
- 定义：
- String
- 定义：
var 变量名 = new String("xxx");
- 定义：
- 自定义对象
- 定义：
var 对象名 = {xxx:xxx; xxx:xxx;}；
- 定义：
- JSON（JavaScript Object Notation），JS对象标记法
- 是通过JS对象标记法书写的文本
- 例如：
var 变量名 = {"name": "Tom", "age": 20}; - JSON转JS对象：
JSON.parse(userStr); - JS对象转JSON：
JSON.stringify(jsObject);
- BOM（Browser Object Model），浏览器对象模型，允许JS与浏览器对话
- Window：浏览器窗口对象
- Navigator：浏览器对象
- Screen：屏幕对象
- History：历史记录对象
- Location：地址栏对象
- DOM（Document Object Model），文档对象模型
-
Core DOM，所有文档类型的标准模型
- 将标记语言的各个组成部分封装为对应的对象
- Document：整个文档对象
- Element：元素对象
- Attribute：属性对象
- Text：文本对象
- Comment：注释对象
-
XML DOM
-
HTML DOM
-
- 获取方式：
事件监听
- HTML事件是指发生在HTML元素上的事情，例如：
- 按钮点击
- 按下键盘
- 事件绑定
- 常见事件：
浙公网安备 33010602011771号