1. 什么是 JavaScript ?
JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。
JavaScript 是互联网上最流行的脚本语言 (动态语言: 变量类型运行时绑定, 类型还可以改变)，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript 是脚本语言:
- JavaScript 是一种轻量级的编程语言。
- JavaScript 是可插入 HTML 页面的编程代码。
- JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
2. JavaScript 的简单用法
事件驱动: html 中 dom 元素绑定事件, 在事件触发该元素的时候, 执行 jsm 代码.
以 on 开头的属性, 几乎都是事件属性
2.1 使用方式:
- 绑定 html 标签的事件属性
- html 文件 head 中使用
<script>
- html 中引用外部的 js 文件
2.2 变量:
声明的方式:
- 全局变量: var 变量名
- 局部变量: let 变量名, 作用域局部
- 常量: const 常量名
变量类型:
- 数值型
- 字符串
- 布尔值
- 数组: xxx = [];
- JavaScript对象(json对象);
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。多个属性由逗号分隔, 属性和值之间由 : 绑定
var person = {
firstname:"John", lastname:"Doe", id:5566};
对象两种寻址方式:
name = person.lastname;
name = person["lastname"];
| 函数 | 描述 |
|---|---|
| JSON.parse() | 用于将一个 JSON 字符串转换为 JavaScript 对象。 |
| JSON.stringify() | 用于将 JavaScript 值转换为 JSON 字符串。 |
2.3 简单的调试手段:
alert(): 弹出窗口
console.log(): 开发者工具 console 打印
2.4 JavaScript 函数
定义:
function 函数名(参数) {}
函数名 = function(参数) {}
调用: JavaScript 代码能执行的地方都可以调用
2.5 表单
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单测试</title>
</head>
<body>
<h2>用户登录</h2>
<form action="xxx">
用户名: <input type="text" name="username"><br>
密码: <input type="password" name="password"><br>
<input type="submit" value="点我登录">
</form>
<input type="button" onclick="alert(1)" value="点我">
<br>
<input type="text" onblur="alert(2)">
</body>
</html>
转载：https://blog.csdn.net/weixin_47230102/article/details/115428531
查看评论