![](https://img-blog.csdnimg.cn/20190906145643873.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 64
玲曦
这个作者很懒,什么都没留下…
展开
-
结束时间与开始时间对比
网上搜到的,不过改了时间斜杠转横线var beginTime = "2009-09-21 00:00:00";var endTime = "2009-09-21 00:00:01";var beginTimes = beginTime.replace(/\//g,"-");var endTimes = endTime.replace(/\//g,"-");beginTime = beginTimes[1] + '-' + beginTimes[2] + '-' + beginTimes[0] +转载 2020-07-30 09:43:48 · 967 阅读 · 0 评论 -
js获取Iframe里面指定元素集合
let iframeDom = document.getElementById("easyPrintIframe").contentWindow;let images = iframeDom.document.getElementsByTagName('img');console.log('所有图片:',images);转载 2020-07-10 10:02:47 · 560 阅读 · 0 评论 -
函数柯力化判断数据类型
const checkType = (type) => { return (content) => { return Object.prototype.toString.call(content) === `[object ${type}]` }}let types = ['Number', 'String', 'Boolean', 'Array']...原创 2019-11-16 12:25:20 · 100 阅读 · 0 评论 -
js直接兼容手机端,简单粗暴
<script>/(iPhone|iPad|iPhone OS|Phone|iPod|iOS)/i.test(navigator.userAgent)&&(head=document.getElementsByTagName("head"),viewport=document.createElement("meta"),viewport.name="viewport"...原创 2019-11-11 10:40:58 · 1365 阅读 · 0 评论 -
吃豆人
HTML:<div class="boxAll"> <div class="pac-man" id="pac-man"></div> <div class="pac-man-mouth0" id="pac-man-mouth0"></div> <div class="pac-man-mouth1" id=...转载 2019-11-06 14:44:48 · 224 阅读 · 0 评论 -
兼容日期输出到页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...原创 2019-10-15 16:23:21 · 75 阅读 · 0 评论 -
面向对象之 7 大基本原则(JS版)
面向对象编程有自己的特性与原则,如果对于面向对象有一些了解的话,面向对象三大特征,封装、继承、多态,如果对面向对这三个概念不太了解,请参考面向对象之三个基本特征(javaScript)。单一职责:如果我们在编写程序的时候,一类或者一个方法里面包含了太多方法,对于代码的可读性来说,无非是一场灾难,对于我们来说。所以为了解决这个问题,出现了单一职责。什么是单一职责?单一职责:又称单一功能原则,...原创 2019-10-12 09:12:59 · 120 阅读 · 0 评论 -
获取屏幕以及元素宽高的方法
一.window相关网页正文部分上:window.screenTop网页正文部分左:window.screenLeft屏幕分辨率的高:window.screen.height屏幕分辨率的宽:window.screen.width屏幕可用工作区高度:window.screen.availHeight屏幕可用工作区宽度:window.screen.availWidth二.body相关网...原创 2019-10-10 20:59:52 · 195 阅读 · 0 评论 -
封装简单的Ajax
转载至: https://www.cnblogs.com/xihailong/p/11647476.html调用:var obj = { url:"", //url地址 例如:test.php method:"", //get或post(大小写不限) 例如:get async:true, //true:异步请求 false:同...原创 2019-10-10 17:13:04 · 85 阅读 · 0 评论 -
iframe框架跳转控制
在指定框架内跳转this_name表示iframe的name名字window.this_name.location.href = 'xxx.html';从一个框架跳转到 name=“main” 的框架里 window.parent.main .location.href= "welcome.en ? key=" + key;跳出框架,在父页面。window.parent.frames...原创 2019-10-10 16:54:22 · 323 阅读 · 0 评论 -
js页面跳转的几种方式
直接跳转:window.location.href="url";新窗体打开跳转window.open('url');2秒后,跳转指定页面setTimeout(window.location.href='http://www.baidu.com',2);head标签内加如下代码实现页面定时自动跳转代码<meta http-equiv="refresh" content="5...原创 2019-10-10 16:47:58 · 97 阅读 · 0 评论 -
获取函数参数个数以及未定义的参数值
<script type="text/javascript">function aawebyang(a, b){ alert(aawebyang.length); alert(arguments.length);}//调用aawebyang(1, 2, 3);//第一个alert打印的是2,值为定义的参数个数//第二个alert打印的是3,值为实际传入...原创 2019-10-09 16:46:59 · 310 阅读 · 0 评论 -
验证手机号,最新支持198号段
```javascript var partten =/^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|(147))\d{8}$/;原创 2019-10-08 09:12:17 · 417 阅读 · 0 评论 -
JS中的逻辑运算符&&、||,!
详细深入学习一定要参考资料详细参考资料:添加链接描述1、JS中的||(逻辑或)符号:简单的字面理解:只有前后都是false的时候才返回false,否则返回true。深入理解: 只要“||”前面为false,不管“||”后面是true还是false,都返回“||”后面的值。 只要“||”前面为true,不管“||”后面是true还是false,都返回“||”前面的值。总结:真...原创 2019-04-20 14:31:26 · 2270 阅读 · 0 评论 -
数组操作
JavaScript数组join()方法加入数组的所有元素为一个字符串。语法:array.join(separator);指定分割的字符串,如果省略,则数组元素用逗号分隔。 var arrs = [0,1,3,4];alert(arrs.join('/'));...原创 2019-08-05 22:02:35 · 193 阅读 · 0 评论 -
获取元素样式
1、ele.styleele.style只能获取写在元素标签中的style属性里的样式值,无法获取到定义在和通过加载进来的样式属性 var test = document.getElementById("test"); //获取节点的color test.style.color;2、getComputedStyle()getComputedStyle是一个可以获取当前元素所有最终使用...原创 2019-09-04 13:59:49 · 755 阅读 · 0 评论 -
值引用和地址引用实例分析
js中任何事务都是对象。包括基本数据类型(undefined,boolean,number,string,null)。对象只是拥有属性和方法的特殊数据类型。基本数据类型也是对象var a = "hello";var b = "hello";既然是对象,那么它默认拥有属性和方法a.length 长度属性a.toUpperCase() 把字符串a编程大写的方法a==b,因为是按照 值...转载 2019-09-04 14:44:10 · 808 阅读 · 0 评论 -
添加删除样式
classList.add// 添加 this.classList.remove("left-menu-hover");classList.remove// 删除 this.classList.remove("left-menu-hover");原创 2019-09-04 16:18:24 · 188 阅读 · 0 评论 -
DOM扩展之选择符API
querySelectorAll()let d = document.querySelectorAll(".box");获取文档中 class=“box” 的所有元素返回NodeList的实列底层类似数组元素快照,非不断对文档进行搜索的动态查询。这样做为了避免使用NodeList对象通常会引起大多数新能问题。如未找到,其NodeList为空未完!。。...原创 2019-09-06 22:43:38 · 76 阅读 · 0 评论 -
表单验证常用正则表达式
用户名正则,4到16位(字母,数字,下划线,减号)var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(uPattern.test("caibaojian"));密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符var pPattern = /^.*(?=.{6,})(?=.*\d)(?=...原创 2019-09-09 17:36:47 · 788 阅读 · 0 评论 -
7中数据类型
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。引用数据类型:对象(Object)、数组(Array)、函数(Function)。ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是JavaScript语言的第七种数据类型...原创 2019-09-09 18:05:00 · 131 阅读 · 0 评论 -
pc网页手机上缩放
<script type="text/javascript"> if(/Android (\d+\.\d+)/.test(navigator.userAgent)){ var version = parseFloat(RegExp.$1); if(version>2.3){ var phoneScale = parseI...转载 2019-09-26 10:12:10 · 455 阅读 · 2 评论 -
Tab切换
```javascript<script type="text/javascript"> // 内容切换 window.onload = function (){ let menu_div = document.getElementsByClassName("nav-menu-box"); let menu_ul = menu_div[0].getElementsByT...原创 2019-09-26 21:51:49 · 77 阅读 · 0 评论 -
startsWith()方法
startsWith()方法用来判断当前字符串是否是以另外一个给定的子字符串“开头”的,根据判断结果返回 true 或 false。参数:str.startsWith(searchString [, position]);searchString要搜索的子字符串。position在 str 中搜索 searchString 的开始位置,默认值为 0,也就是真正的字符串开头处。示例:...转载 2019-04-15 20:47:27 · 48276 阅读 · 2 评论