js 学习笔记,主要参考: 白月黑羽。
JavaScript 简介
- 发明 js 的目的,就是放在网页中,让网页动起来。
- 应用场景:网站的用户登录页面,用户输入用户名和密码后,使用JavaScript(以后简称 js)代码做校验后,发送给服务端。订单查询系统,js 代码从服务端查询出订单数据,再由 js 代码负责动态更新网页html,呈现在网页上。
- js 是解释型的编程语言,由 js 解释器解释执行。
- 浏览器都内置了 js 解释器。
- Node.js 是一个独立的 js 解释器。
一、代码编辑软件
使用 WebStorm
二、网页中的 js
浏览器中的 js 的几个重要能力
- 获取网页的内容
- 更改网页的内容
- 当某个事情发生时得到通知
- 和服务端进行通讯
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.center-child {
display: flex;
justify-content: center;
}
</style>
<script>
function postLoginRequest() {
let username = document.querySelector("#username").value;
let password = document.querySelector("#password").value;
let eInfo = "";
/**
* 如果 username 长度小于 6,输出用户名错误提示
* 如果 username 长度符合要求,则判断 password 的长度
*
* */
if (username.length < 6) {
eInfo = `用户名: ${
username}错误,至少为6位字符`;
} else if (password.length !== 6) {
eInfo = `密码: ${
password}错误,必须为6位`;
}
document.querySelector(