JS初步

12.20 学习笔记

JavaScript 初步

• JavaScript 是属于 HTML 和 Web 的编程语言。
• 编程令计算机完成您需要它们做的工作。

---

JavaScript 是 web 开发者必学的三种语言之一：

• HTML 定义网页的内容
• CSS 规定网页的布局
• JavaScript 对网页行为进行编程
  （JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。）

---

1.JS初步

JS的功能之一就是动态网页消息，与用户进行一些交互。
应用：注册验证，动画效果等

JS 的插入方法

方法1：行内引入

---

方法2：内部引入

1.新建一个html5 file

2.在 < script> < /script> 标签中书写JS代码

3.< script>< /script>标签应该包含在< head> < /head>标签中

例子：


注意：
1.这只是一个简单的例子。用alert虽然网页的互动性增强了，但是用户体验并不好。目前大多数使用的是按钮的触发式点击。
2.< script>< /script >标签还可以放在< body> < /body>标签的内部或者外部，但是不建议这样写，因为这样并不符合书写规范。一般还是写在< head> < /head>标签中。
3.JS中，一段语句结束以后一定要加上分号

---

方法3：外部导入

在外部新建一个.js的文件，在里面写JS代码，然后在.html的文件中的script标签中添加.js文件的地址即可导入。

---

2.JS语法规则

1.语法中的所有符号必须都是英文状态的
2.严格区分大小写
3.建议所有语句以英文分号(;)结尾

---

3.JS变量

3.1定义一个变量

格式：var + 变量名
变量名称：小写字母，大写字母，$，_，数字（数字不能开头）


赋值文本内容给变量，变量名为name
变量名尽量避免和函数库有关

---

3.2变量的使用

• alert：弹出框。一般用于提示或警告。alert一旦执行，后面的代码不会执行。（弹出的内容属于浏览器级别的东西）
  
  
• document.write:输出内容。把要输出的内容显示在页面上，属于文档级别的，相当于把要输出的内容放在了body标签中。
  
  
• prompt(" “,” ")
  
  
  
  prompt的作用：
  prompt中有两个变量（String），第一个用于输出提示框中弹出的提示内容，第二个用于接收用户输出的字符串，并将其赋值给变量name.

4.JS条件语句

4.1 单个条件判断

判断输入的密码是否为123.
若是，显示登陆成功，否则显示登陆失败

4.2 多个条件的判断

用条件判断猜数字大小：

5.while 循环语句

用while循环语句实现当密码不正确时一直重新跳出提示框显示重新输入密码，直到密码输入正确时显示登陆成功。