随笔分类 - JavaScript
摘要:1、 Array对象 数组的特点:长度可变!数组的长度=最大角标+1 2、Boolean对象 如果value 不写,那么默认创建的结果为false 3、Date对象 getTime()返回1970年1月1日至今的毫秒数。 解决浏览器缓存问题 4、Math和number对象 与java里面的基本一致
阅读全文
摘要:1、我们希望在注册页面中添加一个字段(籍贯),当用户选择一个具体的省份,在后面的下拉列表中动态加载该省份下所有的城市。显示的效果如下: 2、步骤分析: 第一步:确定事件(onchange)并为其绑定一个函数 第二步:创建一个二维数组用于存储省份和城市 第三步:获取用户选择的省份 第四步:遍历二维数组
阅读全文
摘要:1、DOM操作 Document:整个html文件都称之为一个document文档 Element:所有的标签都是Element元素 Attribute:标签里面的属性 Text:标签中间夹着的内容为text文本 Node:document、element、attribute、text统称为节点no
阅读全文
摘要:1、我们希望在后台系统实现一个批量删除的操作(全选所有的复选框)和全不选,显示效果如下: 2、步骤分析: 第一步:确定事件(onclick)并为其绑定一个函数(事件绑定到编号前面的复选框里面) 第二步:书写函数(获取编号前面的复选框,获取其状态) 获取编号前面的复选框的状态(是否选中) 获取复选框:
阅读全文
摘要:回顾之前已经使用过的事件 (onsubmit、onclick、onload、onfocus、onblur、onmouseover、onmouseout) onfocus/onblur:聚焦离焦事件,用于表单校验的时候比较合适(出现”用户名必填“等等) onclick/ondblclick:鼠标单击和
阅读全文
摘要:1、案例一:我们希望在后台页面中实现一个隔行换色的效果显示所有的用户信息,显示效果如下: 1)新标签 2)步骤分析 第一步:确定事件(onload)并为其绑定一个函数 第二步:书写函数(获取表格) 第三步:获取tbody里面的行数(长度rows.length) 第四步:对tbody里面的行进行遍历
阅读全文
摘要:1、之前我们已经使用弹出框的方式实现了表单校验的功能,但是此种方式用户体验效果很差 我们希望做成把提示信息和校验结果放在输入栏的后面。 2、步骤分析 (此案例基于HTML&CSS——网站注册页面实现的) 第一步:确定事件(onfocus 聚焦事件)并为其绑定一个函数 第二步:书写绑定函数(在输入框的
阅读全文
摘要:1、BOM 对象:浏览器对象模型(操作与浏览器相关的内容) 2、Window 对象 Window 对象表示浏览器中打开的窗口 setInterval():它有一个返回值,主要是提供给 clearInterval 使用 setTimeout():它有一个返回值,主要是提供给 clearTimeout
阅读全文
摘要:1、获取图片的位置(document.getElementById(“”)) 隐藏图片:display:none 定时操作:setInterval(“显示图片的函数”,3000); 2、步骤分析 (此案例页面定时弹出广告基于JavaScript学习——实现首页轮播图效果实现的) 第一步:在页面指定位
阅读全文
摘要:1、相关技术 获取元素 document.getElementById(“id 名称”) 事件(onload) 只能写一次并且放到body标签中 定时操作:setInterval(“changeImg()”,3000); 2、步骤分析(此案例轮播图效果是基于HTML&CSS——使用DIV和CSS完成
阅读全文
摘要:1、步骤分析 第一步:确定事件(onsubmit)并为其绑定一个函数 第二步:书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>) 第三步:对用户输入的数据进行判断 第四步:数据合法(让表单提交) 第五步:数据非法(给出错误提示信息,不让表单提交) 问题:如何控制表单提交?
阅读全文
摘要:1、Java和JavaScript的关系? 没有关系,雷锋和雷峰塔的关系。 2、JavaScript的作用? HTML:它是整个网站的骨架 CSS:它是对整个网站骨架的内容进行美化(修饰) Javascript:它能够让整个页面具有动态效果。 3、JavaScript的组成部分 ECMAScript
阅读全文