【慎思堂】之JS牛腩总结

布满荆棘的人生 2022-09-19 01:46 90阅读 0赞

*  **一** **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