随笔分类 - JavaScript
1
一门优秀的脚本语言
摘要：一、简介 在JavaScript中，函数就是第一类公民，它可以像字符串、数字等变量一样，使用var修饰并作为数据使用。它可以作为数值、可以作为参数、还可以作为返回结果。可以说JavaScript就是函数式编程。ES6新语言特性中，箭头函数、扩展运算符会极大地帮助开发者利用函数式编程技术进行开发。 1
阅读全文
摘要：1、关键字 const：修饰常量。ES6之前只有变量的声明字段var，ES6开始引入常量关键字，被修饰的变量无法被修改。 let：限定作用域。ES6之前字段var修饰的全局变量作用域被重置后局部会影响全局的值，ES6引入let关键字，在局部对作用域进行限制，局部无法修改全局值。 2、模板字符串 ES
阅读全文
摘要：一、前言： 瀑布流现在是一个非常常用的布局方式了，尤其在购物平台上，例如蘑菇街，淘宝等等。 二、流程： 1、在html文件中写出布局的元素内容； 2、在css文件中整体对每一个必要的元素进行样式和浮动设置； 3、在js文件中动态实现布局，每一个滚动时，都要刷新布局。 三、思想： 实现瀑布流，就是每次
阅读全文
摘要：房贷计算器的实现 （可以使用的编辑器：webStrom、subLime、notePad++、editPlus） 输入数据： 平方单价 70,000.00 元/平方 B1 租金 382.50 元/平方 B2 物业费 50.50 元/平方 B3 面积 200 平方 B4 首付比例 40% 成 B5 贷款
阅读全文
摘要：综合案例：表单验证 开发要求： 要求定义一个雇员信息的增加页面，例如页面名称为"emp_add.htmnl",而后在此页面中要提供有输入表单，此表单定义要求如下: .雇员编号：必须是4位数字，按照正则进行验证； .雇员姓名：不能为空； .雇员职位：不能为空； .雇员日期：按照"yyyy-mm-dd"
阅读全文
摘要：前言： 在实际项目开发中，日期选择是一个十分常见而且重要的问题，在表单中设计到日期的验证时，如果让用户自己输入时间的话，那么使用正则进行验证其正确性是不可取的，因为他一般只能验证日期的格式，无法准确的验证其日期正确性。此时可以使用日期选择器组件来帮助我们完整。 用法： 使用日期在选择其组件其实很简单
阅读全文
摘要：JavaScript 事件参考手册：属性 当以下情况发生时，出现此事件onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标点击某个对象 ondblclick 鼠标双击某个对象 onerror 当加载文档或图像时发生某个错误 onfocu
阅读全文
摘要：在JavaScript中，window表示的就是一个窗口对象。所以在整个处理过程之中，所有的操作都是以弹框为主 的。范例1：使用警告框 <script type="text/javascript"> window.alert("hello world"); </script> 代码： 效果图： 使用
阅读全文
摘要：文本域往往可以输入大量的文字信息，但是在文本域上有一些键盘的处理事件：onkeydown、onkeypress、onkeyup。 范例一：观察文本域的键盘事件处理 代码如下： 效果图如下： 默认状态： 任意输入一个字，操作键盘时： 范例二：限制文本域数字的长度，当文字超过时，提交按钮被禁止使用。 代
阅读全文
摘要：下拉列表框处理操作主要使用的是一个onchange的事件，此事件描述的是内容改变后行为。 范例：观察下拉列表框的事件处理 代码： 效果图如下： 默认状态： 随意选择一个城市时： 选择成功后的结果：
阅读全文
摘要：复选框事件的处理 复选框本身也是多个组件的名字相同。所以在定义复选框的同事依然要使用document.all()取得全部的内容。 范例：操作复选框,要求是可以一个个去选择选项，也可以直接全选，全选按钮的状态根据选中的选项个数自动变化，即全选按钮的状态会自动取消或者自动勾选。 效果截图如下： 默认状态
阅读全文
摘要：单选按钮事件： 单选钮属于多选一的处理流程，但是单选钮由于也是HTML元素，所以对于JavaScript而言也表示对象。 注意：单选钮的特点是一定要需要名相同才可以实现，所以此处如果名字相同，那么就是对象数组，document.all()取得。单选钮有一种默认选中的状态，checked属性，这返回的
阅读全文
摘要：之前做的验证提示以弹框的形式出现太丑陋了，不符合标准的验证提示。如果要想进行更好的数据验证操作，那么必须进行一些模块化设计，通过表单样式的改变来提示。其实，一般的数据验证无非就是那么几种，例如： 大多数的语言，在实际开发中都具有封装性的特点。那么为了保证验证的完整性，应该有一个专门的工具文件—utl
阅读全文
摘要：在用户填写表单的过程之中，往往需要编写一堆的验证操作，这样就可以保证提交的数据时正确的。那么下面就模拟表单验证的处理操作完成。 如果要想进行验证，首先针对于输入的数据来进行一个验证处理。 1、定义一个基础的表单（从标准来讲每一个元素都一定要存在有一个ID属性） <form action="pass.
阅读全文
摘要：每一个HTML元素都使用id来进行一个标注，随后可以通过document.getElementById(“ID名称”)取得指定的ID元素对象，取得元素对象之后就可以对其进行操作。 但是document.getElementById()只能取得一个元素信息。 范例：观察如下代码 event1.html
阅读全文
摘要：经常会在网上看到这样的操作：有几个按钮。可以控制器图片的上一张、下一张。那么现在就使用按钮的click单击事件来切换img的图片。 此时由于只是简单的演示，将所有的图片保存在images目录中。所有的图片应该使用相同的命名前缀,如”pic_*.jpg“。假设”*.jpg”的取出范围为：1~3。 注意
阅读全文
摘要：介绍： javascript中常见的3种获取元素的方法，分别是通过元素ID、通过标签名字和通过类名字来获取 操作如下： 1、getElementById DOM提供了一个名为getElementById的方法，这个方法将返回一个与之对应id属性的节点对象。使用的时候请注意区分大小写。 它是docum
阅读全文
摘要：JavaScript事件处理 —————事件的处理流程； —————动态事件绑定； —————常用的事件处理。 1、事件的概念 在页面之中，会针对用户的每一个操作进行记录。在页面中的事件可以简单的理解为：页面打开、页面关闭、单机页面、双击页面等。当用户捕捉到事件之后，就可以通过指定的函数来进行处理。
阅读全文
摘要：JavaScript语法：只要Java会了，基本上javascript语法就会了。 ——变量的定义 ——程序的结构控制 ——数组操作 ——函数的定义即使用 基本的test.html代码如下，它会导入下面的test.js中的javascript代码： 1.变量的定义 在Java中如果要定义变量语法：“
阅读全文
摘要：1.Javascript的发展历史介绍： javascript是指的实在网页上编写的编程语言，其主要是控制器html的动态显示效果。HTMl能带来的只是一些基本的页面的风格，而要展示的漂亮使用CSS，但是依然发现整个代码都是固化的。 javascript的前身是LiveScript，是由网景公司开发
阅读全文
1
