随笔分类 - javascript
摘要：1、引用animate.css，wow.min.js 2、定义全局函数 //动画效果 wow = new WOW({ animateClass: 'animated', offset: 100, callback: function(box) { console.log("WOW: animatin
阅读全文
摘要：对于手机上图片的缩放通常有两种： 介绍第一种情况的插件，pinchzoom.js，用法很简单，只需要修改img的路径，在引用pinchzoom.js以及你平时用的jquery就可以。 pinchzoom.js下载链接 链接: https://pan.baidu.com/s/1niv1Eb2pZFqb
阅读全文
摘要：1.鼠标点击事件 document.onmousedown = function mdClick(event) { var e = event || window.event || arguments.callee.caller.arguments[0]; if (e.button == 2 ||
阅读全文
摘要：1，设置或获取对象指定的文件名或路径。 alert(window.location.pathname) 2，设置或获取整个 URL 为字符串。 alert(window.location.href); 3，设置或获取与 URL 关联的端口号码。 alert(window.location.port)
阅读全文
摘要：.tips{ font-size: 24px; font-family: sans-serif; font-weight: 600; text-shadow: 1px 1px #ffb700; color:#000; background:-webkit-gradient(linear,left t
阅读全文
摘要：String对象的方法 方法一: indexOf() (推荐) indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。 方法二: search() search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子
阅读全文
摘要：最近项目需要一个功能，实现汉字转拼音功能，具体比如说输入一个“你好”，同时带出对应拼音“NiHao”，在此做一下记录 整体demo 效果 汉字转拼音js下载路径： 链接: https://pan.baidu.com/s/1zAqTVcWBc4VKhUYmFLk8ww 提取码: u5nw 转载自：ht
阅读全文
摘要：今天在使用swiper的时候，元素默认是显示的时候没毛病，但是默认是隐藏的状态，再显示的时候发现滑动的时候宽度计算有误，如下图所示： 正确的显示如下： 隐藏的元素再次显示如下： 宽度计算有误 解决方案： 只需加上后面两行即可。 参数具体含义可看官网说明：http://www.swiper.com.c
阅读全文
摘要：Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在
阅读全文
摘要：s获取URL中的一些参数的意思 location对象 含有当前URL的信息. 属性 href 整个URL字符串. protocol 含有URL第一部分的字符串,如http: host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/ hostname 包含
阅读全文
摘要：以前在提交表单的时候，如果提交出错返回的时候信息内容全没了，我不知道要怎么保存，就开始了那种最愚蠢的做法，将填写的数据设置到session中，让后取出来用，不过没有试成功，总是有错，无意之中在我那本js的资料书里看到了javascript:history.go(-1);的方法，呵呵，尝试了一次，真的
阅读全文
摘要：方法一：使用indexOf() 和lastIndexOf()方法 案例： indexOf用法： 注意： 方法二：使用test() 方法 实例：在下面的例子中，我们将检索 “W3School”： 结果输出：Result: true 使用方法介绍： 参照网站：http://www.w3school.co
阅读全文
摘要：首先先看代码: html代码部分: 对应的JS的代码部分: 上面当我们在ul li遍历时，点击每一个li标签，往往取不到对应的下角标，在控制台打印出来的都是最后一个的值6。 为什么会产生这样的问题呢？ 解决方案一: JS方法 解决方案二: jquery方法 上面记得别忘了引入jQuery框架。 解决
阅读全文
摘要：$(window).scroll(function() { var swipeHeight = 200;//完全变色高度 var scrollTop = $(document).scrollTop();//页面滚动高度 var x = scrollTop/swipeHeight; $(".head...
阅读全文
摘要：document.write(parseInt(10*Math.random())); //输出0～10之间的随机整数 document.write(Math.floor(Math.random()*10+1)); //输出1～10之间的随机整数 function RndNum(n){ var rnd=""; for(var i=0;i<n;i++) rnd+=Math.floor(Mat...
阅读全文
摘要：window.onload=function(){ document.onkeydown=function(){ var e=window.event||arguments[0]; if(e.keyCode==123){ //alert(...
阅读全文
摘要：这要追溯至 2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题 —— 当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。这当中最出名的，当属双击缩放(double tap to zoom)。这也是会有上述 300
阅读全文
摘要：$(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) { alert('bottom!!'); } });
阅读全文
摘要：通过上面的代码，建立了一个data-my-customer-ns-role的属性，而不是传统jQuery Mobile中指定的data-role。通过设置自定义的命名空间，可以方便开发者在CSS选择器中进行指定，同时如果要自定义mobile小插件的主 题，则也必须使用自定义命名空间，以示区别。
阅读全文
浙公网安备 33010602011771号