![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
混迹在开发队伍里的伪开发
这个作者很懒,什么都没留下…
展开
-
TypeError: e.indexOf is not a function解决方法
【代码】TypeError: e.indexOf is not a function解决方法。原创 2022-09-06 10:40:48 · 2112 阅读 · 1 评论 -
pdf.js使用方法,精简版
很多人都在说,使用pdfjs来实现pdf试读功能。之前没有研究,今天看了一下。网上很多说明,要不太繁琐,要不太简洁,今天还是自己整理一下吧。原网地址:http://mozilla.github.io/pdf.js/一、下载js二、解压后有这样两个文件夹三、新建一个pdf文件目录,把这两个文件夹丢进去。然后,上传到工程中。我放在了js里面。四、使用:<iframe id="previewpdf" src="../js/pdf/web/viewer.html?file="+url+"#原创 2020-07-07 19:13:16 · 7298 阅读 · 3 评论 -
slick 幻灯片
官网:http://kenwheeler.github.io/slick/介绍:slick 是一个基于 jQuery 的响应触摸式幻灯片插件,支持IE8+,Chrome, Firefox, and Safari,具有以下特点:支持响应式浏览器支持 CSS3 时,则使用 CSS3 过度/动画支持移动设备滑动支持桌面浏览器鼠标拖动支持循环支持左右控制支持动态添加、删除、过滤支持自动...原创 2019-11-05 18:01:43 · 452 阅读 · 0 评论 -
superslide:tab切换,跑马灯,幻灯片,无缝滚动,手风琴
superslide用法确实很多。官网十分详细,基础版免费下载。官网地址:http://www.superslide2.com/这篇文章不想写代码。打算罗列一下这个插件的功能,如果需要代码的话,去官网下载demo吧。...原创 2019-11-05 17:23:02 · 799 阅读 · 0 评论 -
三、idangerous.swiper实现点击tab切换
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <met...原创 2019-11-05 16:37:33 · 565 阅读 · 0 评论 -
二、鼠标划过tab切换
区别于一更为精简。<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> ...原创 2019-11-05 16:28:40 · 239 阅读 · 0 评论 -
一、鼠标滑到tab切换
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <me...原创 2019-11-05 16:25:24 · 216 阅读 · 0 评论 -
js 收藏&设置为首页
<script type="text/javascript"> //收藏本页 function AddFavorite(sURL, sTitle) { try { window.external.addFavorite(sURL, sTitle); } ...原创 2019-11-05 15:24:45 · 183 阅读 · 0 评论 -
js检测移动端横竖屏
转自:https://www.cnblogs.com/xianyulaodi/p/5533185.html方法一:横屏或者竖屏给html添加不同的class名。修改div的颜色(样式)&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&原创 2019-03-14 17:58:51 · 355 阅读 · 0 评论 -
tab切换(二)
方法一: <div class="tab"> <ul class="tit_list"> <li class="li_this"><a href="#">第一个</a></li> <li&原创 2019-03-06 22:01:17 · 167 阅读 · 0 评论 -
tab切换(一)
en,没有想到标题,暂时“tab切换”,具体的效果如下:效果描述:当鼠标划过/点击标题时,对应的内容进行切换。代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content=&qu原创 2019-03-06 21:37:32 · 156 阅读 · 0 评论 -
JS 数组与字符串之间的相互转化
转自:https://www.cnblogs.com/LeoBoy/p/5899734.html一、数组转字符串需要将数组元素用某个字符连接成字符串,示例代码如下:var a, b,c; a = new Array(a,b,c,d,e); b = a.join('-'); //a-b-c-d-e 使用-拼接数组元素c = a.join(''); //abcde二、字符串转数组...原创 2019-02-26 21:39:38 · 157 阅读 · 0 评论 -
正则-姓名匹配
转自:https://blog.csdn.net/qq_35129893/article/details/80695811限定条件:中文姓名长度 ≥ 2个字符,≤ 200个字符。可包含汉字、“●”(这玩意都不知道怎么打出来的…)。字符间距不支持空格,不允许有“●”以外的其他特殊字符,不允许有数字。英文姓名长度 ≥ 1个字符,≤200个字符。可包含字母、数字、括号、字符间支持一个空格、“.”...原创 2019-03-28 15:57:29 · 10749 阅读 · 0 评论 -
onresize 事件;浏览器窗口大小调整
先上一个完整demo<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script>function myFunction(){ var w=window.outerWidth; var h=win原创 2019-02-26 21:36:22 · 1090 阅读 · 0 评论 -
Android与h5交互(h5部分)
参考链接:1.安卓不能弹出alert弹框https://blog.csdn.net/xiewensheng1126/article/details/78285651?tdsourcetag=s_pctim_aiomsg2.webview与js交互https://blog.csdn.net/carson_ho/article/details/64904691/3.交互如何实现https:...原创 2019-03-12 16:57:31 · 295 阅读 · 0 评论 -
正则-限制用户在input text中只能输入数字和"-"号
该方法主要实现,在input输入框中,只能输入电话号码。包括手机号和座机号(0-9以及-)<input type='text' "(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" "this.v();" />...原创 2019-03-28 15:37:25 · 3297 阅读 · 0 评论 -
正则-限制input 输入框只能输入纯数字
转自:https://blog.csdn.net/w6990548/article/details/793889051.onkeyup = "value=value.replace(/[^\d]/g,'')"使用 onkeyup 事件,有 bug ,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母2.onchange = "value=value.replace(/[^\d]...转载 2019-03-28 15:44:47 · 5991 阅读 · 8 评论 -
正则-联系电话验证
参考:https://blog.csdn.net/youcijibi/article/details/80902622https://www.2cto.com/kf/201409/337862.html一、手机号验证var phoneReg = /(^1[3|4|5|7|8|9]\d{9}$)|(^09\d{8}$)/;二、座机号验证var phoneReg = /^([0-9]{3...原创 2019-03-28 16:17:13 · 1862 阅读 · 1 评论 -
正则-各种匹配。
转自:https://blog.csdn.net/wanglei2258/article/details/5530355区号+座机号码+分机号码:regexp="^(0[0-9]{2,3}/-)?([2-9][0-9]{6,7})+(/-[0-9]{1,4})?$"手机(中国移动手机号码):regexp="^((/(/d{3}/))|(/d{3}/-))?13[456789]/d{8}|15...转载 2019-03-28 16:19:07 · 144 阅读 · 0 评论 -
监听浏览器回退事件
$(document).ready(function(e) { var counter = 0; if (window.history && window.history.pushState) { window.onpopstate = function () { ...原创 2019-04-02 14:18:17 · 895 阅读 · 0 评论 -
监听浏览器宽高
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script>function myFunction(){ var w=window.outerWidth; var h=window.outerHeight; var...原创 2019-04-09 11:14:44 · 356 阅读 · 0 评论 -
鼠标划过/划出事件
一、hover<!DOCTYPE html><html><body> <div class="box" style="background-color:green;width:120px;height:20px;padding:40px;color:#ffffff;">把鼠标移到上面</div> &l原创 2019-02-27 17:44:34 · 6377 阅读 · 0 评论 -
使用openseadragon插件,全屏判断
本文主要针对使用了openseadragon.js这个插件以后,出现的全屏状态,进行的判断,这是一个实现图片放大缩小拖拽功能的插件,将在其它文章中进行讲解。方法一:思路:当使用上述插件点击全屏以后,页面元素清空,变成下图红框的内容,因此判断class名的main这个元素是否存在,得以判断是否全屏。if($(&amp;quot;.main&amp;quot;).length &amp;amp;lt;= 0 ){ //退出全屏 ...原创 2019-02-26 20:30:47 · 661 阅读 · 0 评论 -
input取value,判断value是否为空。null/undefined/''的区别
一、Input获取value<input type="text" value="请输入姓名" name="name" id="name"><script>var name; name = document.getElementById("name").value name = form1.name.value name =原创 2019-02-27 18:42:41 · 18070 阅读 · 1 评论 -
input 获取/失去焦点
第一种写法:<input type="text" value="请输入姓名" onblur="if(this.value==''){this.value='请输入姓名'}" onfocus="if(this.value=='请输入姓名'){this.value=''}"/>第二种写法:<input type="text" value="请输入姓名&q原创 2019-02-27 18:29:41 · 1271 阅读 · 0 评论 -
onchange 事件,输入框内容改变监听事件
onchange。常用于input输入框对输入字段的验证<!DOCTYPE html><html><head><script>function myFunction(){var x=document.getElementById("fname");x.value=x.value.toUpperCase();}</script...原创 2019-02-27 17:47:59 · 2373 阅读 · 0 评论 -
DOM事件 进入页面,离开页面,按下鼠标,释放鼠标事件。
onload 和 onunload 事件onload 和 onunload 事件会在用户进入或离开页面时被触发。onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。onload 和 onunload 事件可用于处理 cookie。<!DOCTYPE html><html><body "checkCookies()...原创 2019-02-27 17:34:05 · 1351 阅读 · 0 评论 -
点击事件,on/click 区别
一、对事件做出反应第一种写法:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;script&gt;function changetext(id){id.innerHTML="谢谢!";}&lt;/script&gt;&lt;/h原创 2019-02-27 17:09:15 · 651 阅读 · 0 评论 -
Bootstrap FileInput中文API整理
原文地址:https://blog.csdn.net/u012526194/article/details/69937741转载 2019-02-22 09:22:44 · 152 阅读 · 0 评论 -
文本过长时中间部分用省略号表示。
转自:https://blog.csdn.net/baidu_38027860/article/details/81035157//截取字符串中间用省略号显示function getSubStr (str){var subStr1 = str.substr(0,10);var subStr2 = str.substr(str.length-5,5);var subStr = subSt...转载 2019-02-21 21:07:34 · 4431 阅读 · 0 评论 -
获取input type=file的文件名及input type=file获取文件名的浏览器,设置input type=file样式
转自:https://blog.csdn.net/lyn1772671980/article/details/80054474获取input type=file的文件名方法:let filePath = $("input[type = 'file']").val(); //获取路径let urlArr = filePath.split("\\"); ...转载 2019-02-21 21:06:04 · 858 阅读 · 0 评论 -
js判断是否包含某个class
<button class="btn over">按钮</button> 方法一:is$(".btn").click(function () { if($(this).is(".over")){ alert("有") }})方法二:hasClass(比较好)$(".btn").click(function () {原创 2019-02-27 19:32:39 · 11476 阅读 · 1 评论 -
js添加删除class
<div class="someClassName" id="id">测试元素</div><script> var classVal = document.getElementById("id").getAttribute("class"); //删除 classVal = classVal.replace("原创 2019-02-27 19:37:45 · 320 阅读 · 0 评论 -
JavaScript封装 弹出框
本文转自:https://blog.csdn.net/qq3401247010/article/details/78005380&amp;lt;button&amp;gt;点击跳转&amp;lt;/button&amp;gt;&amp;lt;script src=&quot;js/jquery-1.8.3.min.js&quot;&amp;gt;&amp;lt;转载 2019-02-19 09:36:21 · 997 阅读 · 0 评论 -
jquery 获取没有class/id的元素!!!
项目中,常常遇到一个情况,引用一些封装好的插件,需要修改插件里自动生成的一些元素样式。也许这些元素没有class名或者id名。可以用下面这种方法进行解决!!!$(“div[title=‘缩小’]”).parent(“div”).hide();...原创 2019-03-01 17:30:56 · 4184 阅读 · 0 评论 -
js获取style(二)
转自:https://www.cnblogs.com/xiyangbaixue/p/4001531.html我们在开发过程中经常会遇到通过js获取或者改变DOM元素的样式,方法有很多,比如:通过更改DOM元素的class。现在我们讨论原生js来获取DOM元素的CSS样式,注意是获取不是设置在开始之前先说下获取最终应用在元素上的所有CSS属性对象的意思是,如果没有给元素设置任何样式,也会把浏览...转载 2019-03-01 16:47:25 · 4865 阅读 · 1 评论 -
js获取style(一)
转自:https://www.cnblogs.com/qianduangaoshou/p/6483126.html1,obj.style方法,缺点:只能获取在元素标签内的style样式,当css元素位于标签之外时,无法获取到相应的css2,对于Firefox chrome浏览器,选定样式为getComputerStyle()方法这个方法需要Dom2的 document.defaultV...转载 2019-03-01 09:36:02 · 1815 阅读 · 0 评论 -
:before和::before的区别
:before/::before 在前面:after/::after 在后面1.双冒号(::)更加规范一些,But 双冒号(::)不兼容IE8,单个冒号(:)兼容。不知道是不是因为一个引号是css2的写法,两个引号是css3的写法。(单冒号[:before/:after] 伪类选择符)(双冒号[::before/::after] 伪对象选择符)既然说到这里,这篇文章,...原创 2019-02-28 20:20:28 · 791 阅读 · 0 评论 -
DOM元素遍历(javascript)
本文是总结文,结合其他前辈的多篇文章。参考一:https://blog.csdn.net/yqm1234277/article/details/27176923参考二:https://blog.csdn.net/qq_35414779/article/details/80421475参考三:https://blog.csdn.net/qq_35087256/article/details/8...原创 2019-02-28 19:01:18 · 918 阅读 · 0 评论 -
js 字符串转数字的三种方法
本文转自:https://www.cnblogs.com/wyaocn/p/5835426.html在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.在网上找了一下js字符串转数字的文章,这个比较全方法主要有三种转换函数、强制类型转换、利...转载 2019-02-28 17:23:59 · 365 阅读 · 0 评论