菜单

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

使用原生javascript document.getElementById('id')获取dom元素时,出现“document.getElementById("id") is null ”的错误。 原因有两种: 第一种是id不存在或 错者拼写错误; 第二种是body还没有加载,此时执行获取dom对象元素代码会报is null的错误。 解决方法: 把javascript代码放在</body>前面。

windows10无法打开计算器提示“需要新应用打开此calculator”的解决方法

windows10无法打开计算器提示“需要新应用打开此calculator”的解决方法

1、复制下面的命令 Get-AppXPackage -AllUsers | Foreach {Add-AppxPackage -DisableDevelopmentMode -Register "$($_.InstallLocation)\AppXManifest.xml"} 2、使用快捷键win + x(或者鼠标右键左下角的“开始”),选择Windows PowerShell(管理员) 3、在命令窗口使用鼠标右键粘贴前面复制的命令,然后按回车键运行,运行完即可打开计算器。

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

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

百度分享不支持https,解决方法是把百度分享本地化。 1、下载本地化文本:https://github.com/hrwhisper/baiduShare 2、把解压后的static文件夹上传到网站根目录(要有可访问权限) 3、修改百度分享的js代码,更改前的代码如下: <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0"...

Javascript正则表达式验证账号、手机号、电话和邮箱

1、验证帐号是否合法 验证规则:字母、数字、下划线组成,字母开头,4-16位。 function checkUser(str){ var re = /^[a-zA-z]\w{3,15}$/; if(re.test(str)){ alert("正确"); }else{ alert("错误"); } } checkUser("neirong.org");//调用 2、手机号码 验证规则:11位数字,以1开头。 function checkMobile(str) { ...

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

type="file"的input上传选择文件默认是所有文件类型都会显示出来,如何限制它只显示设定的文件类型,如.xlsx、.doc、.pdf等后缀文件?办法是给它添加一个accept属性,代码如下: <input id="File1" type="file" accept=".xls,.doc,.txt,.pdf"/> 附支持的文件类型: *.3gpp audio/3gpp, video/3gpp 3GPP Audio/Video *.ac3 audio/ac3 AC3 Audio *.asf allpication/vnd.ms-...

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

判断鼠标滚动方向执行不同的事件代码,兼容IE、Firefox、chrome浏览器。javascript代码如下: <script> var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时 a...

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

jquery.infinitescroll.js插件的作用是:随着浏览器窗口滚动,不刷新页面自动加载下一页内容,常用于文章列表页面。常见的手机浏览网站的文章列表,浏览到最后一篇时,自动加载更多的文章出来。 插件官网和下载:https://infinite-scroll.com/ 基本用法 在html文件的<head></head>之间引用插件文件: <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js">...

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

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

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

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

chrome浏览器怎么支持audio和video标签的autoplay自动播放

chrome浏览器怎么支持audio和video标签的autoplay自动播放

IOS/Android不支持video的autoplay,PC端的safari也在2017年的safari 11版本中禁止带声音的多媒体自动播放功能,然后Chrome在2018年4月份发布的66版本也关掉了声音自动播放,也就是说HTML5的audio和video标签autoplay属性在一般网页端基本算是废的。要想网页端让autoplay生效,可以让用户自己设置自己的浏览器,允许带声音的多媒体自动播放。 设置方法: 1、在chrome浏览器地址栏中输入:chrome://flags 2、搜索“Autoplay policy”,默认为“Default”...

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

出于流量和电量的保护,在移动端video视频必须在用户手势操作下才能触发播放,video的自动播放属性autoplay是无效的(不涉及sdk,如微信之类)。但是在2016年webkit对视频自动播放采用了宽松的策略,这个策略其实是用来解决GIF的问题,用mp4去取代 gif,有统计显示同等效果显示,gif 体积上可能是后者的 8倍,解码耗能是后者的2倍。新的策略在 chrome for android(v53)和 safari for ios(10)以上有效,自动播放必须满足以下条件才有效: <video> 标签必须有 autoplay 的属性。 &l...