6、总结：使用的知识点：click事件，push()添加数组元素，:input[name],input[name=’值’],$(祖先选择器 后代选择器)，data[属性]方式访问JSON对象属性。...第三阶段：以JSON方式获取form表单中的数据 案例二：将form表单中的数据转化成JSON对象 var data=new Object();//创建JS对象 $("#"+formId...JSON字符串 }); }); 1）先讲解怎么创建对象，对象属性及其赋值方法 2）选择所有form表单下带有【name】属性的元素，并进行遍历 3）如果是单选或是多选元素，要判断是否被选中，选中的将其值赋给对象的对应属性...4）如果是非多选或单选的元素，则直接将其值赋给对象的对应属性 5）总结：new Object()创建对象、prop()操作属性。...、创建并添加元素、事件绑定、文本操作。
Window 对象表示浏览器中打开的窗口。 setInterval():它有一个返回值，主要是提供给 clearInterval 使用。...(该对象开发中不怎么常用) ** Screen 对象** Screen 对象包含有关客户端显示屏幕的信息。(该对象开发中不怎么常用) 五 、使用 JS 完成注册页面表单校验 JS的事件 ?...onsubmit：表单提交事件 ，有返回值，控制表单是否提交。...获取用户选择的省份(使用方法传参的方式：this.value) 遍历数组(获取省份与用户选择的省份比较，如果相同了，继续遍历该省份下所有的城市) 创建文本节点和元素节点并进行添加操作 createTextNode...第四步：遍历二维数组中的省份 第五步：将遍历的省份与用户选择的省份比较 第六步：如果相同，遍历该省份下所有的城市 第七步：创建城市文本节点 第八步：创建option元素节点 第九步：将城市文本节点添加到
元素 替换 HTML 元素 删除HTML元素 表单验证 表单验证意义与场景 表单验证常用事件与属性 JavaScript的 RegExp 对象 概念 语法 修饰符 正则表达式模式 正则表达式的方法...该值介于 2 ~ 36 之间 当参数 radix 的值为 0，或没有设置该参数时，parseInt() 会根据 string 来判断数字的基数。...JavaScript自定义对象 对象也是一个变量，但对象可以包含多个值(多个变量) 定义对象 对象中可以有属性，也可以有方法 对象的属性 可以说 “JavaScript 对象是变量的容器”。...()) 在表格的行中创建新的单元格，并将单元格添加到cells集合中 遍历表格中的内容，动态添加行、删除行 表格的所有行 var trArr=tab.rows;//遍历行 for(var i=0;i<trArr.length;i++){ var trObj=trArr[i]; //alert("行的下标索引
1.使用JS完成表单校验 分析思路 1.确定使用事件onsubmit事件 2.书写函数 3.对输入项进行非空判断 为表单绑定一个事件 对象调用属性value属性 就可以获取输入的值。...onsubmit：表单提交事件 ，有返回值，控制表单是否提交。...获取用户选择的省份(使用方法传参的方式：this.value) 遍历数组(获取省份与用户选择的省份比较，如果相同了，继续遍历该省份下所有的城市) 创建文本节点和元素节点并进行添加操作 createTextNode...第四步：遍历二维数组中的省份 第五步：将遍历的省份与用户选择的省份比较 第六步：如果相同，遍历该省份下所有的城市 第七步：创建城市文本节点 第八步：创建option元素节点 第九步：将城市文本节点添加到
.}); ①：jQuery基本使用 传统Js写法： javascript"> window.onload=function(){ alert("传统JS，Ok");...DOM对象属性方法，DOM对象也无法使用jQuery对象属性方法。...但是我们可以使用jQuery提供方法，将DOM对象通过jQuery()函数包装成为jQuery对象，同样我们可以把jQuery对象转化成DOM对象。...： ² 为表单中所有隐藏域 添加 class属性，值为itcast ² 设置table所有 可见 tr 背景色 黄色 ² 设置table所有 隐藏tr 字体颜色为红色，显示出来 ，并输出tr中文本值 <...","yellow"); // 设置table所有 隐藏tr 字体颜色为红色，显示出来 ，并输出tr中文本值 $("tr:hidden").each(function(){ alert($(this).
locationDemo(){ alert(location.href); } getElementById 根据'id' 标签属性指定值的第一个对象的引用 getElementsByName... 根据name标签属性的值获取对象的集合 getElementsByTagName 根据获取指定元素名称的对象集合....处理方式,需要进行明确的处理节点,获取该节点的对象,并调用其属性和行为....function myCheckForm() { //获取表单对象。...根据 NAME 标签属性的值获取对象的集合 getElementsByTagName 获取基于指定元素名称的对象集合 --> javascript
> function locationDemo(){ alert(location.href); } getElementById 根据'id' 标签属性指定值的第一个对象的引用...getElementsByName 根据name标签属性的值获取对象的集合 getElementsByTagName 根据获取指定元素名称的对象集合....处理方式,需要进行明确的处理节点,获取该节点的对象,并调用其属性和行为....function myCheckForm() { //获取表单对象。...根据 NAME 标签属性的值获取对象的集合 getElementsByTagName 获取基于指定元素名称的对象集合 --> javascript
专栏介绍 【JavaScript】 目前主要更新JavaScript，一起学习一起进步。 本期介绍 本期主要介绍完善注册表单校验&案例2：表格隔行换色 文章目录 1....案例 2：表格隔行换色 2.1 需求说明及分析 2.2 JavaScript 知识讲解（二） 2.2.1 JS 数组 2.2.2 获取元素对象的四种方式 1....案例 2：表格隔行换色 2.1 需求说明及分析 开发中，需要使用表格陈列数据，数据过多不易查看，通常使用隔行换色进行表示。...2.2 JavaScript 知识讲解（二） 2.2.1 JS 数组 JavaScript 中也存在数组，相当于 Java 的 List 集合。 可以存放各种类型的值。...数组创建方式： 2.2.2 获取元素对象的四种方式 通常情况下，我们使用 document ，即 DOM 对象，就可以获取并操作页面元素标签，进而改变页 面效果。
： JavaScript函数调用执行完毕一定有返回值，值及类型根据return决定，如果未return具体值，返回值为undefined； JavaScript函数若同名，则不存在方法重载，只有方法相互覆盖...，最后定义的函数覆盖之前的定义； 因为JavaScript不存在函数重载，所以JavaScript仅根据方法名来调用函数，即使实参与函数的形参不匹配，也不会影响正常调用； 如果形参未赋值，就使用默认值...自定义对象的两种常见方法： 使用new关键字调用构造器创建对象 使用Object直接创建对象 使用JSON语法创建对象 A.使用new关键字调用构造器创建对象 使用new关键字调用构造器创建对象，这是最接近面向对象语言的创建对象的方式...Object直接创建对象 JavaScript对象都是Object类的实例对象，因此可以使用如下方式创建，然后动态地添加方法和属性： var myObj = new Object(); 方法案例： 创建对象 使用JSON语法创建对象的优点： 避免书写函数 避免书写new 使用键值对的形式创建属性和方法 代码案例： <!
表单属性、表格结构 CSS基础 基础语法和选择器、CSS引用方式 CSS属性 CSS背景色 、背景图、字体、文字、列表、表格、内容 CSS盒子模型 盒子模型简介、块级元素和行内元素、盒子模型属性...对象 自定义函数、内置函数、闭包、传址调用、传值调用 window、document、location、navigation、screen、 history DOM操作：节点的创建、获取和删除、DOM...属性操作 JavaScript事件处理 窗口事件、鼠标事件、键盘事件、事件冒泡与捕获 JavaScript面向对象使用 JQuery框架概述 JQuery选择器 id选择器 、类别选择器、标记选择器...、属性选择器、位置选择 器、后代选择器、子代选择器，认识选择器对象、选择器对象 遍历应用及页面初始化 JQuery中的DOM操作 插入、删除、复制、克隆、替换HTML元素 JQuery事件 常用事件方法...文本、列表、表格、图片、表单、辅助样式（背 景色、文本颜色） （5）Bootstrap组件（掌握、应用） ✓ 按钮、表格、下拉菜单、按钮组、输入框组、导航、标签、 徽章、缩略图、警告框、进度条、版式
不同） 2.4 正则对象 2.4.1 RegExp 对象的创建方式 2.4.2 test 方法 2.4.3 常用正则（附录） 2.5 JS 事件 2.5.1 JS 事件是什么？...所以 JavaScript 的引用数据类型都是 对象 。 JavaScript 对象类型的默认值是 null....遇到特殊情况，请查阅下面两个表格即可。...； JavaScript 函数调用执行完毕必定有返回值，值及类型根据 return 决定： 如果未 return 具体值，返回值为 undefined ； 2.3.3 函数使用的注意事项...仅根据方法名来调用函数，即使实参与函数的 形参不匹配，也不会影响正常调用； 如果形参未赋值，就使用默认值 undefined 2.4 正则对象 2.4.1 RegExp 对象的创建方式
常用的选择器如下： 简单选择器（根据名称、id、类来选取元素） 组合器选择器（根据它们之间的特定关系来选取元素） 伪类选择器（根据特定状态选取元素） 伪元素选择器（选取元素的一部分并设置其样式）...属性选择器（根据属性或属性值来选取元素） 更多细节可参考w3c连接 插入样式表：将样式表插入html页面中有以下几种方式: 外部样式表(External style sheet) ：每个页面使用...该语句以 var 开头，并使用逗号分隔变量即可： var name="Gates"，age=56， job="CEO"。 数据类型： JavaScript 拥有动态类型。...do-while循环： do { 需要执行的代码 } while (条件); 6.JavaScript HTML DOM和事件 HTML DOM （文档对象模型） 当网页被加载时，浏览器会创建页面的文档对象模型...（Document Object Model），HTML DOM 模型被构造为对象的树，下面为HTML DOM 树 通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。
>元素的引用 tHead 保存着对元素的引用 rows 保存着对 元素的HTMLCollection集合 rowIndex 返回该表格行在表格内的索引值 sectionRowIndex...返回该表格行在其所在元素(,等元素)的索引值 cells 保存着元素中单元格的HTMLCollection cellIndex 返回该单元格在该表格行内的索引值。...createTHead() 创建元素，并返回引用 createTFoot() 创建元素，并返回引用 createCaption() 创建元素，并返回引用 deleteTHead...2.form表单 获取表单可以使用 1.document.forms 返回form集合 2.document.forms[0] 3.document.forms['myform3'] 3.document.myForm...document.forms[0].elements['username'] 获取name为username的字段对象 document.forms[0].username 表单验证： 如果希望在表单提交之前
" - 获取对象中的value值 "通过对象的value属性 对象.value;" 回顾: javaScript:直译式的脚本语言,直接嵌入html使用即可 js...案例1-完善表单校验 需求分析: 当表单提交的时候,校验表单中的用户名和密码是否符合格式,如果不符合,则在相应的输入框后面填写提示信息且不允许表单提交, 反之可以提交 技术分析: 事件...return flag; } 案例2-表格各行换色 需求分析: 当页面加载成功后,给表格的奇数行和偶数行添加不同的背景颜色 技术分析: 事件 DOM:...var trObjArr = document.getElementsByTagName("tr"); b.遍历数组对象,给计数行和偶数行添加不同的背景颜色 for(var....checked; b.获取其他的复选框对象 c.遍历其他的复选框对象数组,分别给每一个复选框对象设置checked属性 案例4-省市二级联动 需求分析: 当省份的下拉选改变的时候,根据选中的省份查询其所对应的市
获取页面中的元素可以使用以下几种方式： 根据ID获取 根据标签名获取 通过HTML5新增的方法获取 特殊元素获取 根据ID获取 使用 getElementById()方法可以获取带有ID的元素对象。...，更好的查看里面的属性和方法 get获得 element元素 by通过 驼峰命名法 参数id是大小写敏感的字符串所以要加单引号 返回的是一个元素对象 根据标签名获取 使用 getElementByTagName...JavaScript案例：表格隔行变色效果及表单全选取消全选 表格隔行变色效果案例分析用到鼠标事件 鼠标经过 onmouseover 鼠标离开 onmouseout核心思路：鼠......H5自定义属性 自定义属性目的：是为了保存并使用数据，有些数据可以保存到页面中而不用保存到数据库中。 自定义属性获取是通过 getAttribute('属性')获取。...JavaScript案例：动态生成表格 创建数据因为里面的数据都是动态的，我们需要js动态生成，所以需要准备好模拟数据，采用对象形式存储。 <...
为什么使用 jQuery 它能够兼容市面上主流的浏览器， IE 和 FireFox，Google 浏览器 处理 AJAX，创建异步对象是不同的，而 jQuery 能够使用一种方式在不同的浏览器创建 AJAX...JavaScript 对象和 jQuery 对象 用 JavaScript 语法创建的对象叫做 JavaScript 对象, JavaScript 对象只能调用 JavaScript 对 象的 API。...表单选择器是为了能更加容易地操作表单， 表单选择器是根据元素类型来定义的 注意：无论是否存在表单，表单选择器都会根据相应的type属性值做出选择。...表单选择器主要是根据 type值进行定位的 只有type属性的标签才具有 表单选择器 对象、dom对象转换为 jQuery对象来使用 each()的语法二进行遍历。 但是 json对象不可以转变为 jQuery对象，只能使用语法一遍历，不可以使用语法二。
实现了 FormData 接口的对象可以直接在for...of（遍历属性值，for...in 则是遍历属性名）结构中使用，而不需要调用entries()返回可迭代对象（iterator） : for (...方法、属性如下： FormData([Form])创建一个新的 FormData 对象，form这种方式创建的FormData对象会自动将form中的表单值也包含进去，包括文件内容也会被编码之后包含进去...FormData.entries()返回一个包含所有键值对的iterator对象，遍历的值索引0为key，1为键值。...FormData.values()返回一个包含所有值的iterator对象。 如果送出时的编码类型被设为 "multipart/form-data"，它会使用和表单一样的格式。...默认为2M post_max_size 8m 指通过表单POST给PHP的所能接收的最大值，包括表单里的所有值。
对于第一部分的固定信息，我们可以用Acrobat之类的pdf设计工具设计出一个模板，然后在java程序中读取并填充对应的模板值。...Class是PdfStamperStamper，译文压模；母盘；模子；印章用来形容把动态数据填充进已有的表单里，还挺形象的注意 form.setField("purName","购买方对应公司"); 这里设值的...表单填充form.setField("purName","购买方对应公司");stamper.close();图片在实际的实现中，这里使用了一个Map map 遍历所有entrySet...，将值通过setField(entrySet.key(),entrySet.value())方法填充至表单3.3 动态创建表格并生成商品信息的PDF文件搞定了第一部分的PDF文件，我们再来处理第二部分的...这里我们需要新建一个Document，在这个Document中动态创建一个表格对象PdfPTable最后将Document关闭。
"> // 定义数组 使用Array对象 // 方式一 var arr1 = [1,2,3]; // 数组的遍历 通过长度和下标 for(var i=0;iJavaScript面向对象编程 Java是面向对象，写Java程序，写类和对象。JavaScript是基于对象，写Js，不用创建类，使用Js内部已经定义好的对象。...①：定义JavaScript对象的两种方式 方式一：使用已经存在的对象，通过关键字进行创建 var s = new String("aaaa"); var o = new Object(); var date...显示出来 ，并输出tr中文本值 javascript" src=".....具体选中元素 l 表单操作 :checked :selected 选中 表单选中元素 配合基本过滤选择器，缩小选中的范围 4.jQuery的DOM操作 使用jQuery的九种选择器可以基本选中需要操作的对象
、表单标签2.2.1表格标签场景：在网页中以表格（行、列）形式整齐展示数据，如：班级表标签：标签描述属性 / 备注定义表格整体，可以包裹多个border：规定表格边框的高度width...，并调用一次传入的函数push()将新元素添加到数组的末尾，并返回新的长度splice()从数组中删除元素代码实现： //forEach：遍历数组中有值的元素 arr.forEach(function...元素对象的函数：根据 id 属性值获取，返回单个 Element 对象var h1 = document.getElementById('h1');根据标签名称获取，返回 Element 对象数组var...例如： v-if， v-for……常用指令：指令作用v-bind为 HTML 标签绑定属性值，如设置 href，css 样式等v-model在表单元素上创建双向数据绑定v-on为 HTML 标签绑定事件...，区别在于切换的是 display 属性的值v-for列表渲染，遍历容器的元素或者对象的属性4.3 Vue 的生命周期 生命周期：指一个对象从创建到销毁的整个过程生命周期的八个阶段：每触发一个生命周期事件
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
对象存储
云直播
