随笔分类 - 1_JavaScript（尺寸、js循环、js函数参数、新窗口等）
摘要：js如何实现点击显示和隐藏表格 一、总结 一句话总结： 1、给table或者table里面的元素添加点击事件， 2、然后判断当前表格的数据显示或者隐藏， 3、然后通过display属性显示（非none）或者隐藏（值为none）表格中的数据 1、表格的行中如何合并表格的列？ 解答：用colspan属性
阅读全文
摘要：js时间和时间戳之间如何转换（汇总） 一、总结 一句话总结： 1、js中通过new Date()来获取时间对象， 2、这个时间对象可以通过getTime()方法获取时间戳， 3、也可以通过getYear()、getMonth()获取年月， 4、也可以通过toTimeString().substr(0
阅读全文
摘要：js如何实现页面跳转（大全） 一、总结 一句话总结： 1、location的href属性： js跳转主要是通过window的location对象的href属性，因为location对象本来就是表示的浏览器窗口window的location，那肯定就是这个决定网页的url。 2、open方法 3、hi
阅读全文
摘要：如何在博客园里给图片加水印（canvas+drag）？ 一、总结 一句话总结： 1、如何从根本上美化上传控件框（替代思想）？ 解答：隐藏上传控件，并加了一个新的按钮在它前面用选择器来触发这个上传控件。 2、通过隐藏上传控件，并加了一个新的按钮在它前面用选择器来触发这个上传控件的方法，怎么拿到上传的文
阅读全文
摘要：js中如何删除某个元素下面的所有子元素？（两种方法） 一、总结 方法一：通过元素的innerHTML属性 元素element.innerHTML=""; 方法二：通过元素的removeChild方法 子元素element.parentNode.removeChild(子元素element); 二、j
阅读全文
摘要：原生js如何实现图片翻转旋转效果？ 一、总结 1、通过给元素设置style中的transition来实现的。 2、我昨天纠结的效果全部可以通过精读这个代码后实现。 二、原生js如何实现图片翻转旋转效果？ 1、效果图 2、代码 三、测试题-简答题 1、js代码可以加到head标题里面么？ 解答：可以。
阅读全文
摘要：js如何实现多图平面绕圆心旋转？（问题转化思想） 一、总结 1、先将元素设置为绝对定位，然后用函数动态改变元素的位置，最后将函数设置为每隔一段时间自动执行。 2、元素位置的改变可以看做求圆上两点距离的差值。（问题转化思想） 二、js如何实现多图平面选择？ 1、效果图 2、代码 三、测试题-简答题 1
阅读全文
摘要：js如何实现动态克隆一个表格？ 一、总结 1、通过innerHTML实现表格内容复制， 2、通过表格dom的属性（比如border）实现属性赋值， 3、通过表格dom的样式style实现样式的复制。 二、js如何实现动态克隆一个表格？ 1、克隆表格案例描述 实例描述： 实现表格及其内容的复制 案例要
阅读全文
摘要：html中如何实现表格移入移出时背景颜色改变？（两种方法） 一、总结 1、通过css的table标签的hover属性： 2、通过js的onmouseover(),onmouseout()事件： 二、html中如何实现表格移入移出时背景颜色改变？（两种方法） 1、动态改变表格背景色案例说明 实例描述：
阅读全文
摘要：js如何实现动态在表格中添加标题和去掉标题？ 一、总结 1、通过table标签的createCaption()，deleteCaption()方法实现。 document.getElementById('tab').deleteCaption() var cap=document.getElemen
阅读全文
摘要：js如何实现动态的在表格中添加和删除行？（两种方法） 一、总结 1、table元素有属性和一些方法（js使用） 方法一：添加可通过在table的innerHTML属性中添加tr和td来实现 tab.innerHTML+='<tr style="background: green"><td>新增01<
阅读全文
摘要：js如何实现动态点击改变单元格颜色？ 一、总结 1、通过table的rows属性，遍历表格所有行，然后通过cells属性，遍历每一行中的单元格。 2、遍历的过程中，动态的为每一个单元格定义单击事件，改变单元格的背景色 二、js如何实现动态点击改变单元格颜色？ 1、动态改变单元格背景色案例 实例描述：
阅读全文
摘要：js如何使用正则表达式实现过滤HTML标签？（/<[^<>]+>/g） 一、总结 js进阶正则表达式实现过滤HTML标签（<>标签中不能包含标签实现过滤HTML标签：/<[^<>]+>/g） var reg=/<[^<>]+>/g 1、全局匹配g肯定忘记写 2、<>标签中不能包含标签实现过滤HTML
阅读全文
摘要：js字符串转换为数字的三种方法。（转换函数）（强制类型转换）（利用js变量弱类型转换） 一、总结 js字符串转换为数字的三种方法（parseInt("1234blue")）（Number( "5.5 ")）（x = x*1） 1、js字符串转换为数字的三种方法：转换函数、强制类型转换、利用js变量弱
阅读全文
摘要：js如何使用正则表达式验证电话号码（可选区号）和邮箱？（分步骤） 一、总结 js进阶正则表达式16电话号码和邮箱正则（分类解决邮箱验证）（分组加？解决电话号码区号选择问题）（[\w\.-]中括号解决邮箱前半字段的多种情况） 1、var reg=/^(\d{3,4}-)?\d{7,8}$/ //1、分
阅读全文
摘要：js进阶正则表达式15验证身份证号（|符号的使用：var reg=/^\d{17}[\d|X]$|^\d{15}$/）（str的方法substr） 一、总结 1、|符号的使用：var reg=/^\d{17}[\d|X]$|^\d{15}$/ //2、|运算符的使用 3、末尾位的选择这里用的中括号而
阅读全文
摘要：如何查看一个网页特定效果的js代码（动画效果可js和css）（页面可以看到js的源代码） 一、总结 1、动画效果可能是 CSS 实现的，也可能是 JS 实现的。 2、直接Chrome的F12调试即可， 页面可以看到js的源代码的 二、如何查看一个网页特定效果的js代码 问题: 如何查看一个网页中特定
阅读全文
摘要：js进阶正则表达式14验证邮编（input的pattern属性）（正则表达式加起^始$） 一、总结 1、input的pattern属性：里面可以直接放正则表达式，<input type="text" id="yzbm" name="yzbm" pattern="^\d{6}$"> 2、正则表达式加起
阅读全文
摘要：js进阶正则表达式13RegExp对象方法（RegExp对象的方法：compile，test，exec）（子表达式 var reg1=/([a-z]+)\d/） 一、总结 1、RegExp对象有三个方法：compile（编译正则表达式），test（检索字符串中指定的值），exec（检索字符串中指定的
阅读全文
摘要：js进阶正则表达式11RegExp的属性和方法（RegExp的属性和方法，就是RegExp对象.(点)什么的形式）（正则表达式执行之前会被编译） 一、总结 1、 RegExp的属性和方法，就是RegExp对象.(点)什么的形式 2、正则表达式执行之前会被编译 二、js进阶正则表达式11RegExp的
阅读全文