随笔分类 -  html5

https证书过期，浏览器加载失败的解决办法。
摘要：接口返回的图片地址是https协议的，浏览器加载失败，把图片地址在新标签打开，地址栏显示不安全，这里因为是公司的，不方便贴图了。只记录解决办法。 1、先向后端说明证书过期，浏览器加载不出，应该让运维把证书更新，这是正确的办法 2、项目着急，或者没有运维，另外确认服务地址是公司内部，图片来源安全，可以 阅读全文
posted @ 2025-06-18 09:44 正举 阅读(27) 评论(0) 推荐(0)
原生js实现拖拽替换
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-07 21:00 正举 阅读(725) 评论(0) 推荐(0)
html 条件注释判断浏览器版本<!--[if lt IE 9]>
摘要：除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目范例说明 ! [if !IE] The NOT operator. This is placed i... 阅读全文
posted @ 2018-09-18 14:19 正举 阅读(197) 评论(0) 推荐(0)
html禁止浏览器默认行为，让页面更像应用。
摘要：在html或body行内写入：oncontextmenu="return false" ondragstart='return false;' onselectstart="return false;" unselectable="on" 阅读全文
posted @ 2018-05-28 10:16 正举 阅读(441) 评论(0) 推荐(0)
html5标签div可绑定键盘事件方法
摘要：我们知道键盘事件一般用在input这些可以获取焦点的元素上，但是作为div，尽管官方上说可以绑定键盘事件，但是我写了以后发现不生效，于是找答案。 果然，找到了一个神器：tabindex 它是html5标签的一个属性，默认它的值是-1也就是不可以，在div上，我们要设置这个值不超过999就可以了。 d 阅读全文
posted @ 2018-05-15 15:07 正举 阅读(1003) 评论(0) 推荐(0)
html5.2新特性【长期更新】
摘要：先来说几个新定义： 1.p标签里只能是文字内容，不能在里面使用浮动，定位这些特性了。语义化加强，p标签就是文字标签。 2.legend以前只能是纯文本，新版可以加标签了，很爽吧。 3.dialog：一个基础的弹窗，不，对话框，他接受浮动特性，可以自定义样式。 【未完，待续。】 阅读全文
posted @ 2018-01-17 10:08 正举 阅读(305) 评论(0) 推荐(0)
video.js分段自动加载视频【html5视频播放器】
摘要：突发奇想的需求，要在官网上放一个一个半小时的视频教程…… 然而，加载成了问题，页面是cshtml的.net混合网站，不知道哪儿的限制，导致视频加不出来。 没有办法，只能前端想办法了。 于是将视频切割成4个 依次加载自动播放。效果还可以。 代码： 引入：<link rel="stylesheet" h 阅读全文
posted @ 2018-01-15 19:36 正举 阅读(10068) 评论(0) 推荐(1)
第三方登陆微博、qq、微信
摘要：源文：http://blog.csdn.net/tivonalh/article/details/60954373 假设是已经申请完成各平台开发者账号。 先来简单的，微博和QQ 微博： 引入微博JS appkey中，填入你的微博开发者id(替换****) 1 <span id="wb_connect 阅读全文
posted @ 2018-01-15 14:45 正举 阅读(429) 评论(0) 推荐(0)
js监测设备类型【安卓，ios，苹果微信，电脑pc】
摘要：话不多说上代码： 阅读全文
posted @ 2018-01-05 16:43 正举 阅读(312) 评论(0) 推荐(0)
JS 判断浏览器类型，获取位置信息，让手机震动
摘要：判断是否是安卓 var isAndroid = /Android/i.test(navigator.userAgent); var isAndroid = /Android/i.test(navigator.userAgent); 判断是否是IOS系统 var isIOS = /iPhone|iPa 阅读全文
posted @ 2017-12-26 10:07 正举 阅读(481) 评论(0) 推荐(0)
html5弹性布局两则，有交互。
摘要：要开发一个后台管理框架，要求如下效果。 然后开始找各种弹性布局啊什么的，用了flex写了一个，但是觉得不好，首先是兼容，其次它会破坏掉里面子元素的一些css特性，为了不给自己找麻烦我还是用传统写法吧。 上面这个效果是我实现的，但是有一个小bug就是左边侧边栏收起的时候会有和中间大盒子间产生一个灰色的 阅读全文
posted @ 2017-12-21 16:23 正举 阅读(225) 评论(0) 推荐(0)
在分享到微信里的网页中，打开qq对话框。
摘要：废话不多说，就是要去这个网址把qq申请一下服务。 网址： 大概长这样： 2.截取这一段代码： 3.重新分享到微信，因为微信好像有缓唇。这时候就可以打开外部qq了。 ps：这个我是在知乎上看到的，但是作为唯一的正确答案，竟然被忽略了，我不知道是出于什么目的，好啦，又解决了一个问题，如果有幸帮到你，我很 阅读全文
posted @ 2017-12-20 14:14 正举 阅读(860) 评论(0) 推荐(0)
处理form表单提交后返回值的处理办法【html5】
摘要：同事朋友ajax，最近在弄公司业务电话机，自主搭建，买的设备。 其中最主要功能是前端发起呼叫，通过浏览器触发设备进行呼叫功能，走后台呼叫还不行。 需求是这样的： 前端给设备ip发送特定的一段xml信息。 <?xml version="1.0" encoding="UTF-8"?> …… 我一开始就用 阅读全文
posted @ 2017-11-02 15:44 正举 阅读(5605) 评论(0) 推荐(0)
web前端-《手机移动端WEB资源整合》——meta标签篇
摘要：前端网页meta元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！ 下面是对me 阅读全文
posted @ 2017-09-08 17:54 正举 阅读(263) 评论(0) 推荐(0)
前端组件化-Web Components【转】
摘要：以下全部转自：http://www.cnblogs.com/pqjwyn/p/7401918.html 讲真，这和vue一毛一样。 我这里有个错误，world!=word 亲测在谷歌内核的浏览器中都可以跑起来，ie不行。。。 阅读全文
posted @ 2017-08-20 23:45 正举 阅读(600) 评论(0) 推荐(0)
pc、移动端H5网站 QQ在线客服、群链接代码【我和qq客服的那些事儿】
摘要：转载：http://blog.csdn.net/fungleo/article/details/51835368#comments 移动端H5 QQ在线客服链接代码 移动端H5 QQ群在线客服链接代码 pc端 之前一直在用的是这个，但是在手机端会失灵，看来，是被淘汰了吧。 2017年11月16日11 阅读全文
posted @ 2017-06-06 14:50 正举 阅读(2174) 评论(0) 推荐(0)
table表格，让thead固定，tbody有滚动条，关键是都对齐的纯css写法。
摘要：找了好久才找到一篇可以简单粗暴就能用的，所以拿过来算是收藏了。里面有一个css2里的命令是我没用过的也是这里面关键的：table-layout:fixed; 原理很简单，有爱研究的童鞋可以去css官网看看说明文档。 直接贴代码： <!DOCTYPE HTML><html><head><meta ht 阅读全文
posted @ 2017-01-02 14:40 正举 阅读(35491) 评论(5) 推荐(2)