HTML5
关注
分享
扫一扫
摇摇奶昔x
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS判断客户端是否是iOS或者Android
js判断客户端是否是IOS或者是Android//如果返回true 则说明是Androidfunction is_weixin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; }}转载 2020-11-12 10:06:31 · 238 阅读 · 0 评论 -
javascript中获取dom元素高度和宽度
javascript中获取dom元素高度和宽度的方法如下：网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrollWidth网页正文全文高： document.body.scrollHe转载 2020-11-06 10:36:41 · 1991 阅读 · 0 评论 -
文件上传后缀名与文件类型对照表
IE 火狐(FF) id 后缀名 php识别出的文件类型 0 gif image/gif 1 jpg image/jpeg 2 png image/png 3 bmp image/bmp 4 psd application/octet-stream 5 ico image/x-icon 6 rar application/octet-stream 7 zip application/zip 8 7z application/octet-stream 9 exe application/oct.转载 2020-11-06 09:47:58 · 2992 阅读 · 0 评论 -
html5 自定义属性
1.什么是自定义属性这里所说的自定义属性就是使用"data-"开头的属性，例如以下代码：<div data-animal-type="鱼类" data-price="20">金枪鱼</div>2.获取/修改自定义属性的值一个标签中所有的自定义属性都封装在该标签元素的dataset属性中，可以通过它来操作自定义的属性注意：通过dataset操作自定义属性时要去掉"data-“前缀，且对于含有”-"字符的属性名要使用使用驼峰法<body> <div原创 2020-09-21 09:37:11 · 281 阅读 · 0 评论 -
input输入框只能输入数字和 小数点后两位
<input type="text" name="" oninput="inputnum(this)">//input输入框只能输入数字和 小数点后两位 function inputnum(obj,val){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符 obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字原创 2020-09-07 11:21:42 · 1360 阅读 · 1 评论 -
原生Js事件绑定的三种方式
html标签事件绑定：属性赋值 ，这个在该元素的properties属性中可以查到， 也可以在事件监听中看到function show(){ console.log('show');}function print(){ console.log('print');}<button onclick="show()" id="btn1" onclick="print()">html标签事件绑定</button>//触发的方法只有show方法<button转载 2020-09-07 10:59:01 · 943 阅读 · 0 评论 -
JQuery中&(‘#form‘).serialize()方法失效
JQuery中serialize方法失效要按照以下步骤检查：1. id是不是重名。2. hidden和display:none设置以后，元素并不会被序列化，后台也无法获取，检查是不是有这个属性3. form标签中的input标签中id和name是不是都有，且必须name和实体类中的命名一样ajax 传递参数到Controller传递的input标签中的name属性命名需要和实体类中变量的一样。补充 .serialize() .serializeArray() 取到数据的格式var str原创 2020-08-13 10:37:09 · 1237 阅读 · 1 评论 -
关于前端原生开发 页面组件化开发 html页面引入另一个html页面
link标签link标签通常放置在一个网页的头部标签head标签内的用于链接外部css文件、链接收藏夹图标（favicon.ico）， 标签最常见的用途是链接外部样式表，外部资源。<link href="img/divcss5.css" rel="stylesheet" type="text/css" /> //ICO图标引人代码如下：<link rel="icon" href="favicon.ico" type="image/x-icon" /> ...转载 2020-08-13 10:15:19 · 6028 阅读 · 2 评论 -
前端实现点击下载图片
方法一:使用a标签的download属性。<a href="1.jpg" download="1.jpg">下载图片</a>注意：实现点击下载的前提是要下载的图片是同源的，非IE浏览器中会直接跳转到该图片的预览地址方法二: vue中点击触发方法下载图片<img :src="codeImg" alt="二维码图片" style="width:60%;"><span @click="downloadCodeImg()"></span>原创 2020-07-21 10:46:17 · 8074 阅读 · 1 评论 -
一个高度不固定的div，里面的文字如何垂直居中？
// 加在父道级div中版垂直居中：权align-items:center; display: -webkit-flex;水平居中：justify-content:center; display: -webkit-flex;原创 2020-04-09 16:58:39 · 789 阅读 · 0 评论 -
浏览器保存账号密码乱填充现象
先搞懂原理原理很简单，浏览器记住密码后只要识别到一个type为text后又紧接着一个password时默认填充之前浏览器记住的账号密码。解决方案1.把input type=”password” 改成 input type=”text” 并在后面加上 οnfοcus=”this.type=’password’”，2.在文档加载完成后将密码输入框设置为空：window.load = fun...原创 2020-04-07 14:35:00 · 471 阅读 · 0 评论 -
div文字溢出可滑动，不出现滚动条
<div>超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度...转载 2020-03-30 14:36:55 · 1245 阅读 · 0 评论 -
div 中内容上下居中
情形一：div限高，内容长度限一行<style>.v-align { margin: 0 auto; width: 200px; height: 80px; text-align: center; line-height: 80px; border: 1px solid #ddd;}</style><!-- html --><div...转载 2020-03-27 15:06:34 · 2059 阅读 · 0 评论 -
HTML中footer固定在页面底部的若干种方法
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>footer需要固定在底部</title> <style type="text/css"> html,body{fo...原创 2020-03-27 14:57:08 · 2128 阅读 · 1 评论 -
vue中页面提示是否保存再离开
mounted(){ window.addEventListener("beforeunload", this.actBeforeUnload,false); }, //离开新增页、编辑页记得解绑，否则其他页面中也会出现提示的效果 beforeDestroy() { window.removeEventListener("beforeunload",this....原创 2020-03-27 10:26:58 · 5242 阅读 · 2 评论 -
文字超出...显示
<p class="arttextoverflow"></p>//只能一行展示，展示不全用...显示.arttextoverflow{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: e...原创 2020-03-25 15:04:19 · 228 阅读 · 0 评论 -
HTML5 Web 存储（localStorage和sessionStorage）
HTML5 Web 存储是本地存储，存储在客户端，包括localStorage和sessionStorage。HTML5 Web 存储是以键/值对的形式存储的，通常以字符串存储。localStoragelocalStorage生命周期是永久，除非主动清除localStorage信息，否则这些信息将永远存...转载 2020-03-25 14:31:41 · 160 阅读 · 0 评论 -
img标签的onerror事件（应用以及注意事项）
情景：img标签中的src图片加载失败，原来的图片位置会出现一个碎片图标，用户体验会下降。使用img的onerror事件，当图片不存在时，将触发 onerror，而 onerror 中又为 img 指定一个logoError.png 图片。也就是说图片存在则显示logo.png，图片不存在将显示 logoError.png。解决方法一、图片路径错误使用默认图片站位：使用1：html开发中&...原创 2020-03-25 14:29:13 · 9984 阅读 · 2 评论 -
HTML5 Web 存储（localStorage和sessionStorage）
HTML5 Web 存储是本地存储，存储在客户端，包括localStorage和sessionStorage。HTML5 Web 存储是以键/值对的形式存储的，通常以字符串存储。localS...转载 2020-03-25 11:44:05 · 181 阅读 · 0 评论 -
href 路径 空, /, ./, ../, // 开头的不同情况
路径的不同写法1.（无）开头表示当前目录下的 2.（/）开头的目录表示该目录为根目录的一个子目录 3.（./）开头的目录表示该目录为当前目录（当前目录所在的目录）的一个子目录 4.（../）开头的目录表示该目录为当前目录的父目录 5.（//）开头的目录表示和当前页面使用同一种协议http/https(无)反斜杠开头的路径是表示当前目录中和（./）相似 ——-不再多...原创 2018-09-11 16:44:27 · 6899 阅读 · 0 评论 -
HTML5 web存储之LocalStorage和sessionStorage
什么是localstorage前几天在老项目中发现有对cookie的操作觉得很奇怪，咨询下来是要缓存一些信息，以避免在URL上面传递参数，但没有考虑过cookie会带来什么问题：① cookie大小限制在4k左右，不适合存业务数据② cookie每次随HTTP事务一起发送，浪费带宽localstorage可以说是对cookie的优化，使用它可以方便在客户端存储数据，并且不会随着HTTP传输...转载 2019-10-11 17:18:39 · 140 阅读 · 0 评论