随笔分类 -  js

摘要:dragstart drag dragend dragenter dragover dragleave drop 前端框架层出不穷,网页上的效果越来越绚丽,制作绚丽的效果的成本越来越低,其中有种拖拽的效果是十分常见并且实用的。 其实手机上的使用已经非常频繁,举个例子,用手指选中一张图片,然后将图片拖 阅读全文
posted @ 2019-01-07 11:28 xzzzys 阅读(648) 评论(0) 推荐(0)
摘要:js如何准确获取当前页面url网址信息 1、window.location.href(设置或获取整个 URL 为字符串) var test = window.location.href; alert(test); 返回:http://i.cnblogs.com/EditPosts.aspx?opt= 阅读全文
posted @ 2018-02-10 15:09 xzzzys 阅读(188) 评论(0) 推荐(0)
摘要:html5的话 一进页面就pushState,然后监控onpopstate不过好像没有办法知道是前进还是后退我的奇淫巧计是,一个数字变量,pushState一个锚,锚是这个数字,前进一个页面数字+1,重新pushState这个变量.....onpopstate的时候判断如果锚的值小于全局变量.说明后 阅读全文
posted @ 2018-02-06 16:21 xzzzys 阅读(664) 评论(0) 推荐(0)
摘要:原文链接:http://caibaojian.com/js-splice-element.html 删除数组指定的某个元素 首先可以给js的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: 然后使用通过得到这个元素的索引,使用js数组自己固有的函数去删除这个元素: 代码为: 阅读全文
posted @ 2018-02-06 16:17 xzzzys 阅读(2761) 评论(0) 推荐(0)
摘要:js中存在一个数组,如何判断一个元素是否存在于这个数组中呢,首先是通过循环的办法判断,代码如下: 这种方式是比较通用的一种方式,但是需要自己写函数,下面看一下第二种方式: 这种方式是直接使用数组的indexOf方法来判断,如果元素存在于数组中,那么返回元素在数组中的下标值,如果不存在,那么返回-1, 阅读全文
posted @ 2018-02-06 16:16 xzzzys 阅读(16043) 评论(0) 推荐(0)
摘要:先来说说break和continue之间的区别 for(var i=0;i<10;i++){ if(i>5){ break; }}console.log(i); 6 •当i=5和10的时候,会执行到break,并退出循环 for(var i=1;i<10;i++){ if(i>5){ continu 阅读全文
posted @ 2017-12-26 16:41 xzzzys 阅读(585) 评论(0) 推荐(0)
摘要:<div class="recharge-main-top"> <p class="recharge-main-topp1">充值成功</p> <span class="recharge-main-topspan">+<span>1000.00</span>元</span> <p class="re 阅读全文
posted @ 2017-12-23 13:49 xzzzys 阅读(1302) 评论(0) 推荐(0)
摘要:正则表达式(regular expression)是一个描述字符模式的对象。使用JavaScript正则表达式可以进行强大的模式匹配和文本检索与替换功能。 手机号码正则表达式验证。 function checkPhone(){ var phone = document.getElementById( 阅读全文
posted @ 2017-12-20 14:15 xzzzys 阅读(742) 评论(0) 推荐(0)
摘要:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>鼠标拖拽多选功能</title> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> 阅读全文
posted @ 2017-12-16 16:39 xzzzys 阅读(1354) 评论(0) 推荐(0)
摘要:<script> var windowHeight = $(window).height(), $body = $("body");// console.log($(window).height());// console.log($('body').height()); $body.css("he 阅读全文
posted @ 2017-12-16 15:45 xzzzys 阅读(190) 评论(0) 推荐(0)
摘要:<input type="button" id="btn" value="开始答题"> var start = 3;var step = -1;var k=0;function count(){ document.getElementById("btn").value ="倒计时:"+ start+ 阅读全文
posted @ 2017-12-15 18:02 xzzzys 阅读(485) 评论(0) 推荐(0)
摘要:Jquery:$("#accuracy").val($("#accuracy").val().replace(/\ +/g,""));//去掉空格 .replace(/\ +/g,"") //去掉空格方法$("#content").val($("#content").val().replace(/[ 阅读全文
posted @ 2017-12-08 16:27 xzzzys 阅读(1097) 评论(0) 推荐(0)
摘要:用window.DeviceMotionEvent来判断手机浏览器是否支持访问硬件资源,window.addEventListener('devicemotion',deviceMotionHandler,false);通过上一句代码来对该事件进行监听,第一个参数是事件类型,第二个参数是一个func 阅读全文
posted @ 2017-11-09 11:11 xzzzys 阅读(1269) 评论(0) 推荐(0)
摘要:在js中绑定多个事件用到的是两个方法:attachEvent和addEventListener,但是这两个方法又存在差异性 attachEvent方法 只支持IE678,不兼容其他浏览器 addEventListener方法 兼容火狐谷歌,不兼容IE8及以下 addEventListener方法 d 阅读全文
posted @ 2017-11-07 10:32 xzzzys 阅读(1254) 评论(0) 推荐(0)
摘要:长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异; 二、样式访问和设置; 三、DOM方法及对象引用; 四、事件 阅读全文
posted @ 2017-11-06 10:57 xzzzys 阅读(155) 评论(0) 推荐(0)
摘要:不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题,毕竟这两中浏览器是占了绝大多数。 不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题,毕竟这两中浏览器是占了绝大多数。 CSS 多浏览器兼容性问题及解决方案一、document.formNam 阅读全文
posted @ 2017-11-06 10:54 xzzzys 阅读(963) 评论(0) 推荐(0)
摘要:JS中出现的兼容性问题的总结1.关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题 我们都知道js通过style不可以获取行外样式,当我们需要获取行外样式时: 我们一般通过这两个方法获取行外样式: IE下: currentStyle Chrome,FF 阅读全文
posted @ 2017-11-06 10:53 xzzzys 阅读(232) 评论(0) 推荐(0)
摘要://判断照片大小 function getPhotoSize(obj){ photoExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();//获得文件后缀名 if(photoExt!='.jpg'){ alert("请上传后缀名 阅读全文
posted @ 2017-11-03 15:16 xzzzys 阅读(217) 评论(0) 推荐(0)
摘要:方法一,利用ActiveX控件实现: 代码 1 <script type="text/javascript"> 2 function getFileSize(filePath) 3 { 4 var fso = new ActiveXObject("Scripting.FileSystemObject 阅读全文
posted @ 2017-10-31 18:10 xzzzys
摘要:本文保存为.html文件用浏览器打开即可测试功能 <form id="form1" name="form1" method="post" action="" enctype="multipart/form-data"> <p><input type="hidden" name="MAX_FILE_S 阅读全文
posted @ 2017-10-31 17:50 xzzzys 阅读(4070) 评论(0) 推荐(0)