![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 72
骆小胖
这个作者很懒,什么都没留下…
展开
-
常用的正则表达式
正则表达式的元字符元字符 名称 匹配对象 * 星号 零次或多次 + 加号 一次或多次 ? 问好 零次或一次 . 点号 单个任意字符 [...] 字符组 列出的任意字符 [^...] 点号 未列出的任意字符 ^ 脱字符 行的起始位置 $ 美元符 行的结束为止...原创 2019-04-25 15:53:40 · 279 阅读 · 0 评论 -
JS字符串比较大小
原创 2019-02-16 11:30:05 · 9936 阅读 · 2 评论 -
if条件后加大括号{}和不加大括号{}的区别
原创 2019-02-12 15:22:54 · 36724 阅读 · 5 评论 -
正则验证案例(1)
harset="utf-8"> <title>demo</title> <style type="text/css"> *{ margin: 0; padding: 0; } /*属性选择器*/ input[name="phone"]{ color: red; } </st原创 2019-01-25 09:33:26 · 146 阅读 · 0 评论 -
纯JS实现点击区域外隐藏元素
PE html><html><head> <meta charset="utf-8"> <title>demo</title> <style type="text/css"> *{ margin: 0; padding: 0; } .a原创 2019-01-23 15:30:11 · 435 阅读 · 0 评论 -
浅谈原生JS实现二级导航(优缺点与局限性)
gt; <style type="text/css"> *{ margin: 0; padding: 0; } li{ list-style: none; } a{ text-decoration: none; } .nav{ width: 80%; height: 40px; line-height: 40px; margin: auto; }原创 2019-01-15 11:59:42 · 704 阅读 · 0 评论 -
JS定义变量的3种方式var,let,const
原创 2019-01-08 11:48:23 · 166 阅读 · 0 评论 -
原生JS实现瀑布流效果
原创 2018-12-23 14:28:39 · 177 阅读 · 0 评论 -
原生JS之lastChild和lastElementChild、childNodes和children区别
(1)原生JS遍历时操作如下childNodes获取所有子节点(包括包括文本节点、注释节点即回车、换行、空格、文本等等)firstChild获取第一个子节点(可以为注释节点)lastChild获取最后一个子节点(与firstChild类似)parentNode返回给定节点的父级节点nextSibling返回给定节点的下一个节点previousSibling返回给定节点的上一个节点注意:上面写法是IE8之前旧版本写法,也可以在I原创 2018-12-22 14:55:19 · 6081 阅读 · 0 评论 -
jquery插件——仿新浪微博限制输入字数的textarea
-8" /><title>jquery插件——仿新浪微博限制输入字数的textarea</title><script src="http://apps.bdimg.com/libs/jquery/1.10.1/jquery.min.js"></script><style> *{padding: 0;mar原创 2018-12-19 13:44:40 · 126 阅读 · 0 评论 -
浅谈JS事件绑定
原创 2018-12-09 19:26:52 · 105 阅读 · 0 评论 -
JS中的事件委托 / 代理详解
原创 2018-12-09 19:24:36 · 103 阅读 · 0 评论 -
indexOf 和 lastIndexOf的区别
indexOf 和 lastIndexOf 都是索引文件 indexOf 是查某个指定的字符串在字符串首次出现的位置(索引值) (也就是从前往后查) eg: lastIndexOf 是从右向左查某个指定的字符串在字符串中最后一次出现的位置(也就是从后往前查)eg:注意: 那么问题来了 两个不是一前一后相反方向还是查么?怎么他们两个返回的索引值相同呢? because:lastIndexOf()方法虽然是从后往前搜索,但返回的位置是从前开始数数和计算原创 2018-12-09 15:51:14 · 83 阅读 · 0 评论 -
原生JS实现简单放大镜效果
et="utf-8"> <title>放大镜</title> <style type="text/css"> /*代码初始化*/ *{ margin: 0; padding: 0; } /*代码主体*/ .small_box{ width: 300px; height: 300px; borde原创 2018-12-06 23:12:48 · 156 阅读 · 0 评论 -
attachEvent兼容各浏览器事件(DOM2级事件的兼容处理)
on> <script type="text/javascript"> window.onload = function(){ // DOM2事件兼容 function addEvent(obj,ev,fn){ //obj为要绑定事件的元素,ev为要绑定的事件,fn为绑定事件的函数 if(document.addEventListener){ obj.addEventListener(ev原创 2019-02-18 11:40:39 · 480 阅读 · 0 评论 -
返回顶部的几种方案
原创 2019-03-02 14:28:23 · 763 阅读 · 0 评论 -
浅谈JS块级作用域
原创 2019-03-02 15:37:24 · 343 阅读 · 1 评论 -
如何通过js和jquery获取图片真实的宽度和高度
1、什么时候需要获取图片真实的宽度和高度 在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式! 另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太小,太大的图就会超出去!这时候有两种解决办法1)给所有的图片加上这样的样式.news img{margin:5px a...原创 2019-04-24 18:13:15 · 374 阅读 · 0 评论 -
js清除浏览器缓存的几种方法
关于浏览器缓存浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的。今天主要介绍清除缓存的几种方法。清理网站缓存的几种方法meta方法//不缓存<META HTTP-EQUIV="pragma" ...原创 2019-04-22 14:03:59 · 11706 阅读 · 1 评论 -
html前端使用高德地图入门教程,并在地图上标记位置
准备工作 注册Key 首先,注册开发者账号,成为高德开放平台开发者 登陆之后,在进入「应用管理」 页面「创建新应用」 为应用添加 Key,「服务平台」一项请选择「 Web 端 ( JSAPI ) 」 记住这个Key,等会要用,以后可能也会用,一定要记住。 页面上的准备新建一个DIV,作为地图的容器(这一步和使用其他插件一样,必...原创 2019-04-09 17:29:17 · 22305 阅读 · 4 评论 -
H5唤醒本地APP(谷歌地图、百度地图等相通)
说一下兼容性问题:IOS:safari浏览器,google浏览器,UC浏览器可用QQ浏览器无法使用,其他的没测。Android:只有google浏览器可以打开谷歌地图,百度地图没测试。首先:判断当前操作环境与浏览器内核:let browser = { versions: function () { let u = navigator.userAge...原创 2019-04-09 17:01:36 · 3926 阅读 · 0 评论 -
移动端页面a input去除点击效果 及 pc端切换
1 手机端页面a button input去除点击效果以及闪屏问题 添加:a,button,input { -webkit-tap-highlight-color: rgba(255, 0, 0, 0);}2 使用border创建小三角形span { height: 0px; width: 0px; border-t...原创 2019-04-09 14:11:01 · 502 阅读 · 0 评论 -
skrollr.js中文教程
skrollr.js是一款轻量级且强大的js库,关于这款js库的相关的详细教程却不多。所以这里根据国内一些大神们的笔记和skrollr官方文档进行总结,方便自己以后查阅,也方便大家学习。这里主要参考了 Shimily大神的skrollr中文教程,在这个基础上进行改进和完善。有什么不妥之处,还希望大家能够及时指出,共同修改。一、skrollr 相关地址链接:skrollr官方地址 ...转载 2019-04-11 11:16:00 · 2443 阅读 · 0 评论 -
flexible.js 移动端自适应方案
一,flexible.js 的使用方式:github地址:https://github.com/amfe/lib-flexible官方文档地址:https://github.com/amfe/article/issues/17本文中有部分内容引至上面这个文档。(一),引用方式1,引用cdn地址<script src="http://g.tbcdn.cn/mtb/lib-...原创 2019-04-11 11:10:41 · 5688 阅读 · 0 评论 -
jQuery Easing 使用方法及其图解
从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数:properties:一组包含作为动画属性和终值的样式属性和及其值的集合 duration(可选):动画执行时间,其值可以是三种预定速度之一的字符串("slow", "normal", or "f...原创 2019-04-11 11:05:27 · 427 阅读 · 0 评论 -
仿响应式html:JavaScript判断设备处于PC端还是移动端
我们想要的效果是pc文件和mobile文件统一入口,适配不同的设备。先看看项目的目录:在index.html里面配置js控制选择那一个文件夹下的文件就可以了。我们要利用:Navigator 对象,Navigator 对象包含有关浏览器的信息。index.html很简单,直接上码吧:<!DOCTYPE html><html> <...原创 2019-03-27 10:48:44 · 587 阅读 · 0 评论 -
JS字符串多行换行
原创 2019-03-25 17:43:10 · 32369 阅读 · 0 评论 -
JS浮点数表示法
精确地表示分数,比如1/2,1/8,1/1024。遗憾的是,我们常用的分数都是十进制分数1/10,1/100等,二进制浮点数表示法并不能精确的表示类似0.1这样的简单的数字。所以js浮点数运算会不精准。 例如:js加法:9.3+0.3;//结果为9.600000000000001js加法:9.3-0.7;//结果为8.600000000000001js乘法:7*0.8;//结果为5.6000000000000005js除法:9.3/0.3;//结果为31.0000000000000原创 2019-03-04 09:55:41 · 2356 阅读 · 1 评论 -
冒泡排序
原创 2019-03-04 10:01:10 · 99 阅读 · 0 评论 -
for循环读取i值
原创 2019-03-02 16:06:30 · 2464 阅读 · 0 评论 -
原生JS实现动态返回顶部
户体验效果来说,并不是最好的。(锚链接回到顶部时太快了,而且用户可能在看到某个感兴趣的东西想停下来,却停不下来) 【主体】 针对上面的缺点,我们试着用Javascript的方法来得到实现。思路是这个样子的:1、首先用html和css构建基本的例子,代码如下html部分: <div class="box"> <img src="1.jpg"/>原创 2018-12-05 22:41:52 · 2199 阅读 · 2 评论 -
JS中for循环出现的问题:如何给li元素绑定事件,点击每个li元素弹出对应的
原创 2018-12-02 20:06:15 · 2698 阅读 · 0 评论 -
null与undefined的区别
原创 2018-10-11 09:22:00 · 58 阅读 · 0 评论 -
JS获取对象长度
原创 2018-08-09 17:16:36 · 623 阅读 · 0 评论 -
JS中三种字符串连接方式及其性能比较
原创 2018-08-02 14:56:38 · 100 阅读 · 0 评论 -
js关闭当前网页的代码
原创 2018-04-27 22:35:24 · 347 阅读 · 0 评论 -
js关闭当前页面(窗口)的几种方式总结
);window.close();">关闭</a>2.自定义提示关闭<script language="javascript">// 这个脚本是 ie6和ie7 通用的脚本function custom_close(){if (confirm("您确定要关闭本页吗?")){window.opener=null;window.open('','_self');原创 2018-04-27 22:33:18 · 15479 阅读 · 1 评论 -
Scripts may close only the windows that were opened by it
法 【主体】(1)关闭页面的代码//禁用预先调试和控制台开发者工具 var threshold = 160; // 打开控制台的宽或高阈值 // 每秒检查一次 window.setInterval(function() { if (window.outerWidth - window.innerWidth > threshold || window.outerHeight - window.innerHeight原创 2018-04-27 22:30:08 · 9853 阅读 · 1 评论 -
JS刷新当前页面的几种方法总结
参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。语法: locati原创 2018-04-24 17:45:58 · 100 阅读 · 0 评论 -
js字符串删除指定位置字符
原创 2018-04-09 20:09:15 · 19409 阅读 · 3 评论