HTML-前端学习记录
记录一些好用的代码以及遇到的问题
若风华浊世间
Amorous feelings
展开
-
JS让页面滚动到底部
需要让页面直接滚动到底部 , 按钮点击时调用的方法里面加上这两行就行了var t =document.body.clientHeight;window.scroll({top:t,left:0,behavior:‘smooth’ });原创 2019-10-19 17:38:00 · 2445 阅读 · 0 评论 -
JS动态添加p标签后不换行
动态创建p标签时默认会是一个标签占一行 如下图:设置标签的style属性display: inline;就不会占一行了 如下图 :$(标签).attr(“style”,“display: inline;”);设置style属性float: left;也可以不换行 但是会影响下面的HTML标签 所以用上面的那个2019年7月8日13:08:48简书同步地址 :https://w...原创 2019-07-08 13:09:12 · 2203 阅读 · 2 评论 -
HTML 设置图片按照给出的宽高缩放图片
style="width: 200px;height: 200px; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;"原创 2019-07-09 11:30:28 · 1046 阅读 · 0 评论 -
HTML 图片和Base64 互转
//读取图片 转为base64 reader.result就是转之后的结果var reader = new FileReader();reader.onload = function (e) {console.log("成功读取....");var img = document.getElementById("avarimgs");img.src = e.target.re...原创 2019-07-09 11:32:10 · 3523 阅读 · 0 评论 -
JS二维码生成器
给出一段字符串 , 用JS生成对应的二维码 :首先 , 下载这个 , 然后在HTML里面引用qrcode 然后创建个div id=qrcode 然后 写下这么一段 var qrcode = new QRCode('qrcode', { text: '字符串', width: 160, height: 160, colorDark : '#000000', ...原创 2019-07-09 11:37:45 · 491 阅读 · 0 评论