随笔分类 -  js基础

上一页 1 2 3 4 5 6 下一页
使用JS获取上一页的url地址
摘要：一般来说每个页面上面都有一个返回按钮，用来返回上一页，代码如下： 上面的代码其实就可以满足我们返回上一页面的需求，但是如果我们是从别的地方打开此链接的时候事实上是没有上一页的，为了提升用户的体验，我们可以使用js来控制当我们点击返回按钮时所进行的操作，关键代码如下： 上面的意思是当我们点击的时候进行 阅读全文
posted @ 2018-07-05 10:33 极客小乌龟 阅读(6530) 评论(0) 推荐(0)
禁止弹窗中蒙层底部页面跟随滚动的几种方法汇总
摘要：场景概述 众所周知，弹窗是一种常见的交互方式，而蒙层是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，在蒙层元素中滑动的时候，滑到内容的尽头时，再继续滑动，蒙层底部的页面会开始滚动，显然这不是我们想要的效果，因此需要阻止这种行为。 那么，如何阻止呢？请看以下分析： 方案分析 方 阅读全文
posted @ 2018-07-03 17:14 极客小乌龟 阅读(957) 评论(1) 推荐(0)
event对象中 target和currentTarget 属性的区别。
摘要：首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 🙋🌰举个例子： 当我点击哪个元素时，event.target返回的是点击的 阅读全文
posted @ 2018-06-26 10:19 极客小乌龟 阅读(303) 评论(0) 推荐(0)
图片预加载
摘要：隐藏元素的背景图是不会一开始就加载的，只有显示的时候才会加载，所以为了避免显示的时候加载延时，就可以采用图片预加载，浏览器渲染的时候只要图片加载过一次，就会从缓存中取得，所以在图片真正使用的之前进行一次预加载； 在开发的过程，我们经常会遇到这样的要求，当鼠标hover上去的时候，更改菜单的背景。如果 阅读全文
posted @ 2018-06-07 14:29 极客小乌龟 阅读(211) 评论(0) 推荐(0)
安卓混合开发——原生Java和H5交互，保证你一看就懂！
摘要：** 在Android开发中，越来越多的商业项目使用了Android原生控件与WebView进行混合开发，当然不仅仅就是显示一个WebView那么简单，有时候还需要本地Java代码与HTML中的JavaScript进行交互，Android也对交互做了很好的封装，所以很容易实现例如：点击网页中的按钮A 阅读全文
posted @ 2018-05-23 17:23 极客小乌龟 阅读(2582) 评论(0) 推荐(0)
手写页面蒙层弹窗
摘要：Document this is the very long long content of pop window. this is the very long long content of pop window. this is th... 阅读全文
posted @ 2018-05-18 16:27 极客小乌龟 阅读(550) 评论(0) 推荐(0)
封装dialog弹框
摘要：Title dddddddd dddddddd dddddddd dddddddd dddddddd dddddddd dddddddd dddddddd dddddddd dddddddd dddddddd dddddddd dddddddd dddddddd dddddddd dddddddd ddddd... 阅读全文
posted @ 2018-05-18 16:09 极客小乌龟 阅读(552) 评论(0) 推荐(0)
移动端手指操控左右滑动的菜单
摘要：移动端手指操控左右滑动的菜单 全站 动画 番剧 国创 音乐 舞蹈 科技 游戏 娱乐 电影 电视剧 纪录片 二级菜单1 二级菜单2 二级菜单3 二级菜单4 二级菜单5 ... 阅读全文
posted @ 2018-05-18 16:02 极客小乌龟 阅读(1638) 评论(0) 推荐(0)
H5上传图片，并且显示进度条
摘要：Document 分度读取文件： 读取进度： 阅读全文
posted @ 2018-05-18 15:33 极客小乌龟 阅读(2147) 评论(0) 推荐(0)
HTML5读取本地文件
摘要：本文转自：转：http://hushicai.com/2014/03/29/html5-du-qu-ben-di-wen-jian.html感谢大神分享。 常见的语言比如php、shell等，是如何读取文件的呢？ 实际上，大多数语言都需要先获取文件句柄，然后调用文件访问接口，打开文件句柄，读取文件！ 阅读全文
posted @ 2018-05-18 15:28 极客小乌龟 阅读(5181) 评论(0) 推荐(0)
JavaScript(jQuery)中的事件委托
摘要：一：什么是事件委托？ 事件委托是利用事件冒泡，只指定一个事件处理程序来管理某一类型的所有事件。 二：为什么要用事件委托？ 1.在JavaScript中添加到页面上的事件处理程序的个数直接关系到页面的整体运行性能。为什么呢？因为，每个事件处理函数都是对象，对象会占用内存，内存中的对象越多，性能就越差。 阅读全文
posted @ 2018-05-14 18:06 极客小乌龟 阅读(415) 评论(0) 推荐(0)
javascript中获取dom元素高度和宽度
摘要：javascript中获取dom元素高度和宽度的方法如下： 网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： 阅读全文
posted @ 2018-05-08 14:47 极客小乌龟 阅读(81550) 评论(0) 推荐(2)
echo图片延迟加载js
摘要：插件描述：和 Lazy Load 一样，Echo.js 也是一个用于图像延迟加载 JavaScript。不同的是 Lazy Load 是基于 jQuery 的插件，而 Echo.js 不依赖于 jQuery 或其他 JavaScript 库，可独立使用。并且 Echo.js 非常小巧，压缩后不足 1 阅读全文
posted @ 2018-04-23 15:20 极客小乌龟 阅读(254) 评论(0) 推荐(0)
按字节长度截取字符串
摘要：默认的截取字符串都是根据字符长度或位置截取的，典型的两个方法是substr和substring。 这样导致的问题是截取同样长度的字符串时，多字节字符（汉字等）和单字节字符（半角英文字母、半角数字）占的位置长度差距较大，视觉上不太美观，比如同样是10个字符： /* * param str 要截取的字符 阅读全文
posted @ 2018-04-16 19:12 极客小乌龟 阅读(3439) 评论(0) 推荐(0)
js判断字符长度 汉字算两个字符
摘要：方法一：使用正则表达式，代码如下： function getByteLen(val) { var len = 0; for (var i = 0; i < val.length; i++) { var a = val.charAt(i); if (a.match(/[^\x00-\xff]/ig) 阅读全文
posted @ 2018-04-16 19:11 极客小乌龟 阅读(5129) 评论(0) 推荐(0)
js 手机端触发事事件、javascript手机端/移动端触发事件
摘要：处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 touc 阅读全文
posted @ 2018-04-13 18:45 极客小乌龟 阅读(363) 评论(0) 推荐(0)
js实现复制功能
摘要：方式一：使用浏览器功能 <!doctype html> <html> <head> <meta charset="utf-8"> <title>点击复制功能的实现</title> </head> <body> <script type="text/javascript"> function copy 阅读全文
posted @ 2018-04-12 17:31 极客小乌龟 阅读(696) 评论(0) 推荐(0)
encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别
摘要：一、这四个方法的用处 1、用来编码和解码URI的 统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP 或 FTP）的字符串。除了encodeURI、encodeURIComponent、decodeURI、decodeURICom 阅读全文
posted @ 2018-04-12 16:32 极客小乌龟 阅读(228) 评论(0) 推荐(0)
移动端适配
摘要：方案1：使用rem进行换算，根据移动端屏幕大小的变化，来动态的设置根元素的字体大小，rem就是根据根元素html的字体大小渲染的，如果是375px的设计图，那么就将元素的尺寸px乘以2，再除以100就是该元素的rem值了，如果是750px的设计稿就直接除以100 function mobileMatvhing(){ var html = document.getElementById('h... 阅读全文
posted @ 2018-03-29 17:40 极客小乌龟 阅读(134) 评论(0) 推荐(0)
js字符串截取函数slice()、substring()、substr()
摘要：摘要 在js中字符截取函数有常用的三个slice()、substring()、substr()了，下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。 取字符串的三个函数:slice(start,[end]),substring(start, 阅读全文
posted @ 2018-03-20 17:38 极客小乌龟 阅读(2113) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 下一页