随笔分类 -  js

表单提交方式
摘要：表单提交方式 * 使用submit提交 <form> ..... <input type="submit" /> </form> * 使用button提交表单 - 代码 //实现提交方法 function form1() { //获取form var form1 = document.getElem 阅读全文
posted @ 2016-11-03 15:12 sunli0205 阅读(305) 评论(0) 推荐(0)
js动态生成表格
摘要：动态生成表格 *创建一个页面：两个输入框和一个按钮 *代码和步骤 /* 1、得到输入的行和列的值 2、生成表格 ** 循环行 ** 在行里面循环单元格 3、显示到页面上 - 把表格的代码设置到div里面 - 使用innerHTML属性 */ //获取输入的行和列 var h = document.g 阅读全文
posted @ 2016-11-03 14:03 sunli0205 阅读(2252) 评论(0) 推荐(0)
省市联动
摘要：省市联动 * 创建一个页面，有两个下拉选择框 * 在第一个下拉框里面有一个事件 ：改变事件 onchange事件 - 方法add1(this.value);表示当前改变的option里面的value值 * 创建一个二维数组，存储数据 * 每个数组中第一个元素是国家名称，后面的元素是国家里面的城市 注 阅读全文
posted @ 2016-11-01 10:49 sunli0205 阅读(185) 评论(0) 推荐(0)
js实现-下拉列表左右选择
摘要：下拉列表左右选择 * 下拉选择框 <select> <option>111</option> <option>111</option> </select> * 创建一个页面 ** 两个下拉选择框 - 设置属性 multiple属性 ** 四个按钮，有事件 * 选中添加到右边 步骤 /* 1、获取se 阅读全文
posted @ 2016-10-29 09:46 sunli0205 阅读(2594) 评论(0) 推荐(0)
全选，全不选，反选的js实现
摘要：全选练习 ** 使用复选框上面一个属性判断是否选中 - checked属性 - checked=true：选中 - checked=false：不选中 * 创建一个页面 ** 复选框和按钮 - 四个复选框表示爱好 - 还有一个复选框操作 全选和选不选，也有一个事件 ** 三个按钮，分别有事件 - 全 阅读全文
posted @ 2016-10-27 16:26 sunli0205 阅读(329) 评论(0) 推荐(0)
动态显示时间
摘要：动态显示时间 * 得到当前的时间 var date = new Date(); //得到不是常规的格式 var d1 = date.toLocaleString(); //格式化 * 需要让页面每一秒获取时间 setInterval方法 定时器 * 显示到页面上 每一秒向div里面写一次时间 * 使 阅读全文
posted @ 2016-10-27 15:33 sunli0205 阅读(220) 评论(0) 推荐(0)
innerHTML属性
摘要：innerHTML属性 * 这个属性不是dom的组成部分，但是大多数浏览器都支持的属性 第一个作用：获取文本内容 *** //获取span标签 var span1 = document.getElementById("sid"); alert(span1.innerHTML); 第二个作用：向标签里 阅读全文
posted @ 2016-10-27 15:06 sunli0205 阅读(290) 评论(0) 推荐(0)
操作ＤＯＭ树
摘要：操作dom树 ** appendChild方法 - 添加子节点到末尾 - 特点：类似于剪切黏贴的效果 ** insertBefore(newNode,oldNode)方法 - 在某个节点之前插入一个新的节点 - 两个参数 * 要插入的节点 * 在谁之前插入 - 插入一个节点，节点不存在，创建 1、创 阅读全文
posted @ 2016-10-26 21:55 sunli0205 阅读(202) 评论(0) 推荐(0)
Node对象属性
摘要：1.Node对象属性一 * nodeName * nodeType * nodeValue * 使用dom解析html时候，需要html里面的标签，属性和文本都封装成对象 * 标签节点对应的值 nodeType： 1 nodeName： 大写标签名称 比如SPAN nodeValue: null * 阅读全文
posted @ 2016-10-26 21:25 sunli0205 阅读(1833) 评论(0) 推荐(0)
js的元素对象
摘要：元素对象（element对象） ** 要操作element对象，首先必须要获取到element， - 使用document里面相应的方法获取 ** 方法 *** 获取属性里面的值 getAttribute("属性名称") - var input1 = document.getElementById( 阅读全文
posted @ 2016-10-23 22:27 sunli0205 阅读(556) 评论(0) 推荐(0)
js实现在末尾添加节点
摘要：在末尾添加节点： 1.获取ul标签 2.创建li标签 document.createElement("标签名称")方法 3.创建文本 document.createTextNode("文本内容"); 4.把文本添加到li下面 使用 appendChild方法 5.把添加到ul的末尾 使用 appen 阅读全文
posted @ 2016-10-23 21:41 sunli0205 阅读(5781) 评论(0) 推荐(0)
js实现点击增加文本输入框
摘要：html代码： js代码： 后台业务逻辑 阅读全文
posted @ 2016-10-23 21:17 sunli0205 阅读(10120) 评论(0) 推荐(0)
js的DOM对象
摘要：1、js的Array对象 ** 创建数组（三种） - var arr1 = [1,2,3]; - var arr2 = new Array(3); //长度是3 - var arr3 = new Array(1,2,3); //数组中的元素是1 2 3 - var arr = []; //创建一个空 阅读全文
posted @ 2016-10-15 19:55 sunli0205 阅读(317) 评论(0) 推荐(0)
js其它
摘要：1、js的数组 * 什么是数组？ - 使用变量，var m = 10; - java里面的数组 定义 int[] arr = {1,2,3}; * 定义方式（三种） 第一种： var arr = [1,2,3]; var arr = [1,"4",true]; 第二种：使用内置对象 Array对象 阅读全文
posted @ 2016-10-13 17:08 sunli0205 阅读(146) 评论(0) 推荐(0)
js实现99乘法表
摘要：实现99乘法表（输出到页面上） 阅读全文
posted @ 2016-10-13 15:16 sunli0205 阅读(993) 评论(0) 推荐(0)
js
摘要：1、javascript的简介 * 是基于对象和事件驱动的语言，应用与客户端。 - 基于对象： ** 提供好了很多对象，可以直接拿过来使用 - 事件驱动： ** html做网站静态效果，javascript动态效果 - 客户端：专门指的是浏览器 * js的特点 （1）交互性 - 信息的动态交互 （2 阅读全文
posted @ 2016-10-12 09:38 sunli0205 阅读(146) 评论(0) 推荐(0)