随笔分类 - Javascript
摘要:1.情景展示 Node.js通过npm命令访问https://registry.npm.taobao.org时,提示证书失效。 在浏览器打开此地址,提示:您的时钟快了。 2.具体分析 淘宝的npm网站证书已经过期,如何解决? 3.解决方案 临时方案 仍然使用registry.npm.taobao.o
阅读全文
摘要:1.Node.js Node.js是什么? 我们知道,js通常情况下是基于浏览器运行的,那如果脱离了浏览器,该如何运行js呢? 这就需要Node.js了。 2.下载与安装 下载 下载地址:https://nodejs.org/en/download 以windows为例,有安装版和免安装版。 1号位
阅读全文
摘要:1.情景展示 如何控制input录入框,只能输入数字? 2.具体实现 方式一: 将<input>标签中的type属性直接设置为number就可以达到只能输入数字。 <input type="number" name=""> 缺点1:只适用于HTML5,如果HTML4强行使用,在form表单提
阅读全文
摘要:1.情景展示 如何使用js对用户录入的身份证号码的合法性进行校验? js校验身份证号码的合法性。 2.具体实现 //验证身份证 function IdentityCodeValid(code) { var city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西"
阅读全文
摘要:1.本地存储 本地存储是一个window的属性,包括localStorage和sessionStorage,允许在浏览器中存储 key/value 对的数据。 localStorage:用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。 sessionStorage:伴随着sess
阅读全文
摘要:手机号码格式简单校验 原理:判断手机号是否以已经发行的手机号码段开头,而且判断其余9位是否是数字。 方式一: var phone = $('#phone').val(); var regex = /^(13[0-9]{9})|(15[0-9]{9})|(17[0-9]{9})|(18[0-9]{9}
阅读全文
摘要:判断字符串是否为空 if (str == "") { } 判断字符串是否为空且不能全为空格 if (str.match(/^[ ]*$/)) { } 第二种方式不仅可以校验空格,而且可以校验字符串内容不能全部都是空格。 写在最后 哪位大佬如若发现文章存在纰漏之处或需要补充更多内容,欢迎留言!!! 相
阅读全文
摘要:1.情景展示 在注册时,密码要求必须同时包含:字母、数字、特殊字符,如何实现? 2.原因分析 用正则表达式进行校验,是最方便的! 3.解决方案 // 密码必须由 8-64位字母、数字、特殊符号组成 var reg = /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@ #$%^&*(
阅读全文
摘要:1.javascript实现 window.onload = function () { var iframe = document.getElementById( "myframe" ) if (iframe.attachEvent) { // IE iframe.attachEvent( "on
阅读全文
摘要:document.querySelector()与document.querySelectorAll() CreationTime--2018年7月1日10点49分 Author:Marydon 1.说明 他俩是H5提供的选择器,都可以直接获取页面元素并进行操作。 2.区别 用法与jQuery里的$
阅读全文
摘要:1.情景展示 限制文本框录入的英文字母小写,如何实现? 2.原因分析 通过css的text-transform样式来实现 3.解决方案 text-transform语法: text-transform : none | capitalize | uppercase | lowercase 取值: n
阅读全文
摘要:报错信息: 1.错误用法一 原生态的forEach()方法体中,结束循环不能使用break。 var array = ["first","second","third","fourth"]; // 直接就报错了 array.forEach(function(item,index){ if (item
阅读全文
摘要:js 图片懒加载 CreateTime--2018年4月14日07:30:42 Author:Marydon 1.使用场景 当网页上有大量图片需要加载时,如果一次性将图片全部加载完,网页加载时间会过长; 网页本身已经反应很慢了,如果你的页面上又需要引用图片,这时候同样是雪上加霜。 2.图片懒加载原理
阅读全文
摘要:CreateTime--2017年10月31日15:14:12 Author:Marydon js改变css样式 1.js改变单个css样式 HTML部分 <div id="test" style="display:none">测试js改变单个css样式</div> JAVASCRIPT部分 doc
阅读全文
摘要:迁移时间--2017年10月31日14:52:59 Author:Marydon UpdateTime--2017年1月15日20:33:03innerHTML,outerHTML与innerText示例: <div id="test"> 测试<br/> <input type="text"/> <
阅读全文
摘要:javascript 将内容复制到剪贴板 CreateTime--2017年9月19日11:36:50 Author:Marydon js 操作剪贴板 1.设置剪贴板内容 UpdateTime--2017年9月26日15:30:31 ie浏览器 // 设置剪贴板内容 window.clipboard
阅读全文
摘要:参考连接:http://www.cnblogs.com/EasonJim/p/6229517.html 实现方式: style.height offsetHeight,style.width offsetWidth 第一种情况: 宽高都写在样式表里,就比如 #div1{width:120px;hei
阅读全文
摘要:在js中使用el表达式的前提是:HTML引用js使用内联方式(即在JSP页面内部使用js),使用外联(即引入的外部js文件)不支持使用el表达式。 1.使用el表达式获取 数据格式:java-List<Map> {data=[{TERM=第一期, WANGWU=199, LISI=229, ZHAO
阅读全文
摘要:一、table UpdateTime--2017年6月5日15:47:12 (一)语法 <table> <thead> <th>表头(表格标题行):默认加粗显示</th> </thead> <tbody> <tr> <td>数据展示行</td> </tr> </tbody> <tfoot> <tr>
阅读全文
摘要:CreateTime--2016年12月17日22:28:36Author:Marydononkeydown、onkeypress和onkeyup参考链接:http://www.jb51.net/article/42263.htm区别一执行顺序:(优先级) 三个事件同时在时,执行顺序 onkeydo
阅读全文