【慎思堂】之JS牛腩总结

一 JS基础

1-定义

Javascript是一种脚本语言/描述语言，是一种解释性语言。用于开发交互式web网页，使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。

主要用于：表单验证 

2-特点：

1. 基于对象的语言
2. 简单性：基干Java基本语句和控制流之上的简单而紧凑的设计；其次它的变量类型是采然弱类型，并未使用严格的数据类型。
3. 安全性：它不允许访问本地硬盘，并不将数据存入到服务器上，不允许对网络文档进行修改和册滁，只能通过浏览器实现信息浏览或动态交互．从而有效地防止数据的丢失。
4. 动态性的：采用事件驱动机制，可以直接对用户或客户输入做出相应，无须经过Web服务程序。

二 小知识点

1-JS构架

    <script  language =”javascript”  type=”text/javascript”></script>

    Language标识语言；type标识类型

定义：变量、数据类型、数组

对象（对象、属性、方法）、运算符

 

Alter弹出对话框  ;  Prompt弹出输入框

2-事件处理机制：

事件+处理函数+函数返回值

3-获取表达式中的文本框的值：

Document.表单名称.文本框名称.value

4-控件

单选按钮：radio

复选按钮：Checkbox

列表菜单：select

5-结构

顺序结构

选择结构(举例)：根据用户名和密码判断输入是否正确

循环结构(要素)：初始值+循环条件+改变初始值

    while循环+for循环

三 流程

首先，根据需求分析绘制流程图，按照流程图写程序，后期代码优化。

1-CSS样式：

控制页面显示。

行内样式>内嵌样式>链接样式 

2-代码优化：

1. 为了复用，把JS代码单独放置，后引用
2. 利用数组索引，获取value值
3. 利用数组循环，判断是否被选中。
4. 转义字符:/换行，以实现特殊字符的输入。
5. 用户体验：获取焦点，选中所有文本

3-小技巧：

建立JS代码库

分栏模式：利用“隐藏”+替换图片

验证表单：正则表达式+Replace/match