javascript document.getElementById("id") is null的原因和解决方法

使用原生javascript document.getElementById('id')获取dom元素时，出现“document.getElementById("id") is null ”的错误。 原因有两种： 第一种是id不存在或 错者拼写错误； 第二种是body还没有加载，此时执行获取dom对象元素代码会报is null的错误。 解决方法： 把javascript代...
Web前端开发 / / 6275次阅读

解决百度分享不支持https的方法

百度分享不支持https，解决方法是把百度分享本地化。 1、下载本地化文本：https://github.com/hrwhisper/baiduShare 2、把解压后的static文件夹上传到网站根目录（要有可访问权限） 3、修改百度分享的js代码，更改前的代码如下： <script>window._bd_share_config={"common":{"b...
Web前端开发 / / 4318次阅读
解决百度分享不支持https的方法

html input file上传控件限制上传文件的类型

type="file"的input上传选择文件默认是所有文件类型都会显示出来，如何限制它只显示设定的文件类型，如.xlsx、.doc、.pdf等后缀文件？办法是给它添加一个accept属性，代码如下： <input id="File1" type="file" accept=".xls,.doc,.txt,.pdf"/> 附支持的文件类型： *.3gpp audio/3gpp， video/3g...
Web前端开发 / / 3401次阅读

js鼠标滑轮滚动监听触发事件

判断鼠标滚动方向执行不同的事件代码，兼容IE、Firefox、chrome浏览器。javascript代码如下： <script> var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件...
Web前端开发 / / 6254次阅读

页面滚动无限加载jQuery插件jquery.infinitescroll.js使用说明

jquery.infinitescroll.js插件的作用是：随着浏览器窗口滚动，不刷新页面自动加载下一页内容，常用于文章列表页面。常见的手机浏览网站的文章列表，浏览到最后一篇时，自动加载更多的文章出来。 插件官网和下载：https://infinite-scroll.com/ 基本用法 在html文件的<head></head>之间引用插件文件： <scri...
Web前端开发 / / 4952次阅读

jQuery slice()方法获取指定索引范围内的元素

slice() 把匹配元素集合缩减为指定的指数范围的子集。模仿了 JavaScript 数组对象的 .slice() 方法。它所模仿的特性之一是向 start 或 end 参数传递负数的能力。如果提供负数，则指示的是从集合结尾开始的一个位置，而非从开头。 语法： $('element').slice(selector,end) selector - 基于 0 的整数值，指示开始选取元素的位置。如果是负数，则指示...
Web前端开发 / / 4407次阅读

IE9浏览器对CSS3的支持情况参考

以下整理的IE9对CSS3支持情况仅限初期发布的IE9版本，其余版本由于改进或修复的原因，可能已经支持之前不支持的CSS3属性，所以以下数据仅供参考。 更准确的支持情况请访问：https://docs.microsoft.com/en-us/previous-versions//cc351024(v=vs.85) IE9对CSS3属性的支持情况： C...
Web前端开发 / / 3923次阅读

webkit浏览器HTML5 video标签视频自动播放autoplay的问题

出于流量和电量的保护，在移动端video视频必须在用户手势操作下才能触发播放，video的自动播放属性autoplay是无效的（不涉及sdk，如微信之类）。但是在2016年webkit对视频自动播放采用了宽松的策略，这个策略其实是用来解决GIF的问题，用mp4去取代 gif，有统计显示同等效果显示，gif 体积上可能是后者的 8倍，解码耗能是后者的2倍。新的策略在 chrome for android（v53）和 safari f...
Web前端开发 / / 8623次阅读

CSS实现元素垂直居中的几种方法

网页前端经常需要把元素垂直居中，下面总结几种方法。 1、不知道元素高度，利用定位和CSS属性transform实现元素垂直居中： 代码一： parentElement{ position:relative; } childElement{ position: absolute; top: 50%; transform: translateY(-50%); } 代码二：...
Web前端开发 / / 2646次阅读

SVG定义路径的path标签入门详细教程

SVG的<path>元素用于定义一些复杂的图形。它可以结合使用直线，曲线等来制作各种不规则的图形。<path>元素是SVG基本图形中最为复杂的一个。要掌握和理解它也需要下一点苦工。 先来看一个例子： <svg xmlns="http://www.w3.org/2000/svg"> <path d="M50,50 A30,30 0 0,1 35,20 L100,10...
Web前端开发 / / 5747次阅读