随笔分类 - Web前端
摘要：1.需求 页面加载出来时，需要在第一个下拉列表中显示所有省份名称。 当用户选择其中一个省份，在第二个下拉列表中显示该省份所有的城市。 2.准备工作 2.1创建数据库与数据表 2.1.1创建数据库【db_ajax】 create database db_ajax; 2.1.2创建省份信息表【provi
阅读全文
摘要：Web前端-jQuery 思维导图：点击打开 1.jQuery概述 1.1jQuery是什么，有什么用 jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。 1.2第一个jQuery例子 <!DOCTYPE html>
阅读全文
摘要：Web前端-Ajax-02-实例:根据省份id查询省份信息 1.需求 用户在文本框输入省份的编号id，在其他文本框中显示其对应的省份名称、省份简称以及省会。 2.准备工作 2.1创建数据库与数据表 2.1.1创建数据库【db_ajax】 create database db_ajax; 2.1.2创
阅读全文
摘要：Web前端-Ajax-01-Ajax概述 1.全局刷新和局部刷新 在B/S结构项目中，浏览器负责向服务器发送请求，服务器负责接收请求，并将处理结果发送回浏览器。 浏览器将返回的html、jsp等命令文件进行解析并展示到页面中。 1.1全局刷新 浏览器在接收到响应包后，在展示数据时，浏览器原有内容被响
阅读全文
摘要：JS-JSON-获取JSON对象中的数据展示到表格里 1.要求 点击按钮，将学生信息展示到表格里，并显示总记录条数。 2.实现思路 创建JSON对象 先创建一个JSON对象data，有总人数total和学生信息emps两个属性 emps是一个JSON数组，里面存放着所有学生的信息。 搭框架 将按钮、
阅读全文
摘要：JS-JSON 1.JSON概述 1.1什么是JSON,有什么用？ JavaScript Object Notation(JavaScript对象标记)，简称JSON。(数据交换格式) JSON的主要作用是：在系统A和系统B交换数据时，作为一种标准的数据交换格式。 JSON目前非常流行，九成以上的系
阅读全文
摘要：JS-BOM编程 1.开启和关闭窗口 BOM编程中，window对象是顶级对象，代表浏览器窗口。 window有open和close两个函数，可以开启窗口和关闭窗口。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me
阅读全文
摘要：JS-DOM编程-07-周期函数setlnterval 1.获取系统当前时间 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e
阅读全文
摘要：JS-DOM编程-06-获取下拉列表选中项的value 1.用户选择城市后，界面弹出对应市区原理 直辖市和市辖区的关系是：1对多(两张表，多的表加外键) 直辖市表t_city id ccode(unique) cname 1 001 北京 2 002 上海 3 003 广州 市辖区t_md id m
阅读全文
摘要：JS-DOM编程-05-复选框的全选与取消全选 1.当点击全选框时，选中所有复选框 复选框对象的checked属性代表复选框是否被选中： 如果值为true，则表示复选框被选中 如果值为false，则表示复选框未被选中 我们可以利用checked属性来实现功能。 在全选框中设置一个click事件，当点
阅读全文
摘要：JS-DOM编程-04-表单验证 1.表单验证要求 用户名不能为空，且长度必须在6～14位之间。 用户名只能由数字和字母组成，不能含有其他符号。（正则表达式） 密码不能为空，且长度必须在6~20位之间。 密码和确认密码必须一致 邮箱地址不能为空，且必须合法。 统一失去焦点时验证。 错误提示信息统一在
阅读全文
摘要：JS-DOM编程-03-正则表达式 1.正则表达式概述 1.1什么是正则表达式，有什么用？ 正则表达式：Regular Expression 正则表达式主要用于字符串格式匹配方面。 在一些要求使用邮箱登录的网页中，当我们输入非邮箱格式的字符串时，系统会提示格式错误，这里面使用到的检查机制就用到了正则
阅读全文
摘要：JS-DOM编程-02-innerHTML和innerText属性 1.innerHTML属性 innerHTML属性可以设置对象里的内容。 1.1直接赋值给innerHTML以改变div 实现点击按钮，就可以向div里添加内容。 <!DOCTYPE html> <html lang="en"> <
阅读全文
摘要：JS-DOM编程-01-文本框相关应用 1.设置和获取文本框的value 1.1获取文本框的value 先根据文本框的id获取文本框对象，然后再访问value属性。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met
阅读全文
摘要：JS-ECMAScript、DOM和BOM 1.JavaScript包括三大块 ECMAScript： JS的核心语法（ES规范/ECMA-262标准） DOM： Document Object Model(文档对象模型) 对网页中的节点进行增删改的过程。 HTML文档被当作一颗DOM树来看待。 v
阅读全文
摘要：JS-07-JS控制语句与数组 1.JS中有哪些控制语句？ JS中有如下控制语句： 1.if 2.switch 3.for 4.while 5.do...while 6.continue 7.break 8.for...in(了解) 9.with(了解) 用法与java一致。 2.JS数组 2.1J
阅读全文
摘要：JS-06-JS中的void运算符 1.void运算符的作用 void运算符是javascript中的一个操作符，语法如下： javascript:void(表达式) javascript:void 表达式 运算原理：执行表达式，不返回任何结果。 常用于将一个链接变成死链。 2.将一个链接变为死链
阅读全文
摘要：JS-05-JS中的事件 1.常用事件 type 事件 描述 焦点相关 focus 获得焦点 blur 失去焦点 键盘相关 keydown 键盘键按下 keyup 键盘键弹起 鼠标相关 --> 鼠标相关 click 鼠标单击 dblclick 鼠标双击 mousedown 鼠标按下 mouseove
阅读全文
摘要：JS-04-undefined、null和NaN的区别 1.三者的数据类型不同 undefined：Undefined null：Object NaN：Number <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met
阅读全文
浙公网安备 33010602011771号