JavaScript干货
文章平均质量分 58
TimePawnshop.
这个作者很懒,什么都没留下…
展开
-
实用的 BOM 属性对象方法
1、什么是 Bom?Bom 是浏览器对象。2、有哪些常用的 Bom 属性呢?(1)location对象location.href —— 返回或设置当前文档的URLlocation.search —— 返回URL中的查询字符串部分。例如http://www.dreamdu.com/dreamdu.php?id=5&name=dreamdu返回包括?后面的内容:?id=5&name=dreamdulocation.hash —— 返回URL#后面的内容,如果没有#返回空locat原创 2021-08-02 14:36:54 · 353 阅读 · 0 评论 -
常用的日期时间函数
// 时间格式化function format_date(timeStamp) { let date = new Date(timeStamp); return date.getFullYear() + "年" + prefix_zero(date.getMonth() + 1) + "月" + prefix_zero(date.getDate()...原创 2019-07-02 13:44:15 · 412 阅读 · 0 评论 -
new Date(date).getTime()的兼容问题
今天在写一个倒计时的时候,本来在电脑上都是好的,但是发布之后,在Android和IOS上测试的时候,突然发现安卓手机上是好的,显示正确的时分秒信息;但是这次偏偏苹果有问题了,就一直显示undefined,一开始我还以为是不是我的变量定义的晚了,我还特意把变量在最前面声明,试了一下还是不行,真是愁死了。 Android: IOS: 然后没办法,还是得问度娘啊,才发现原来new Date...原创 2018-09-07 18:18:24 · 6349 阅读 · 1 评论 -
H5实现拍照及相册图片上传
最近在做一个H5的小型电商项目,其中有一个是现金刷卡之后需要上传凭证图片的,因此也就需要在H5中实现可以上传图片。 我们都知道,input标签的type为file是可以上传图片的,本来想着这么简单,有啥难的,可是到后来这样写完,看效果的时候,缺发现这个东西它是有兼容问题的,IOS和Android是不一样的,所以特写此博文记录下来,也希望能帮到大家。One最开始的时候,是没做区分,以为这样...原创 2018-09-07 11:33:50 · 9482 阅读 · 1 评论 -
IE与FF脚本兼容性问题
(1)window.event 表示当前的事件对象,IE有这个对象,FF没有,FF通过给事件传递处理函数传递事件对象。 (2)获取事件源 IE用srcElement获取事件源,而FF用target获取事件源。 (3)时间绑定、事件解除 IE: element.attachEvent(“onclick”,function) element.detachEvent(“onclick”,f...原创 2018-02-20 14:42:31 · 416 阅读 · 0 评论 -
HTML5新属性 Canves的整体学习
大家好。好久没见了,萍子也已经好久都没更新博文了,嘻嘻,有没有想念萍子啊。最近有点事情需要处理,所以大致请了半个月的假,呼呼~这半个月的假期过去再回来摸键盘码代码,感觉脑子一片空白啊,多尴尬啊,这个“从入门到放弃的”的水平,现在更糟糕了,唉~萍子心理暗暗暗示自己要加油啊,马上过年了,得过个好年呐。~~(>_<)~~ 好了,闲篇还是不扯那么多了,我们进入正题,我们今天一起来看看H5的canves的使原创 2018-01-03 19:56:50 · 1393 阅读 · 0 评论 -
getBoundingClientRect()
1.语法:这个方法没有参数。rectObject = object.getBoundingClientRect();2.返回值类型:TextRectangle对象,每个矩形具有四个整数性质( 上, 右 , 下,和左 )表示的坐标的矩形,以像素为单位。 rectObject.top:元素上边到视窗上边的距离; rectObject.right:元素右边到视窗左边的距离;原创 2017-12-15 17:14:44 · 465 阅读 · 0 评论 -
JS兼容问题的函数封装文档
阻止事件冒泡的函数function stopMP(who){ if(ev.cancelBubble){ ev.cancelBubble = true; }else{ ev.stopPropagation( ); }}调用:stopMP(ev);事件绑定/监听和事件解除的函数绑定: function bind(target,type.原创 2017-11-17 22:25:04 · 435 阅读 · 0 评论 -
史上最全的常用事件:移动端事件及PC端:鼠标/键盘/表单事件
PC端事件鼠标事件:onclick点击onmouseover鼠标移入onmouseout鼠标移出onmousedown鼠标按下onmouseup鼠标抬起onmousemove鼠标移动onmouseenter鼠标移入onmouseleave鼠标移出ondblclick鼠标双击oncontextmenu鼠标原创 2017-11-17 22:01:06 · 2289 阅读 · 0 评论 -
JS/PHP中,数组与字符串的转换,这次总算是记住了
这个数组和字符串的相互转换的API一直以来我就老是记不明白,这两天把他们都凑合在一起,才慢慢清晰,直至记下来,我相信不只我一个人对它们很无奈,那我们今天就来一起看看吧,好好地识别一下它们~JS数组——字符串join(),每个元素之间以-(各种符号)来分割成字符串,默认以逗号分割,返回分割后的字符串var arr = [1,2,3,4,5];var res = arr.join("原创 2017-11-11 15:53:08 · 3266 阅读 · 0 评论 -
例子---年倒计时/JS日期对象类型
这两天闲着没事,在这感叹一年过得真快,转眼过不了几天,感觉又要过年了,唉~越大一年过得越快哟。然后就想到写一个年倒计时,以记录点滴岁月的飘走,哈哈,本来想着挺简单的,但是写了才发现,它是有一个小坑的,不知大家注意到了没~ 实现思路:主要就是用当年的最后一刻减去现在的时间,然后经过换算得到我们需要的数据。 OK,同样的,话不多说,上代码~var wrap = document.getElement原创 2017-11-02 10:08:51 · 408 阅读 · 0 评论 -
JS五种运算符,运算符的优先级
JS的运算符一共包括五种,下面我们来一个个的解说一下,开工~ 1、赋值运算符 符号:= 解释:这里的等号不是数学里面的相等,是赋值。在应用时,需要先把等号右边的表达式算出来结果,再赋值给左边。var a = 10 + 5;console.log(a);//152、算术运算符 符号:+、 -、 *、 /、 %、 ++、 – 解释:算术运算符的优先级是先乘除再加减 ①.%是取余、求模,也就原创 2017-10-21 11:58:22 · 3404 阅读 · 0 评论 -
DOM常用的属性
offsetHeight height+padding+border,当前对象的高度clientHeight 获取对象可视高度,不包括滚动条,不包括边框scrollHeight 获取对象的滚动高度/内容总高度offsetWidthclientWidthscrollWidthoffsetTop 当前对象相对于定位父级的top值clientTop 获取对象上边框的bor原创 2017-10-19 17:59:50 · 1442 阅读 · 0 评论 -
JS基本数据类型
JS的数据类型包括基本数据类型、复杂数据类型和特殊数据类型,今天我们主要先讲解一下基本数据类型。 0、先提示两个下面用到的知识点: 0.1typeof,是用来检测变量类型的 写法:typeof a; 0.2console.log()是用来在控制台打印你所需要的部分的 一般浏览器在进入HTML文件页面后,点击右键选择检查,就会出现控制台,选择c原创 2017-10-18 00:03:59 · 397 阅读 · 0 评论