![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5高级
L&wy
我为我的目标而努力
展开
-
上传图片的时候预览图片(单张)
<body> <div> <input id="File1" type="file" /> <br /> <img src="" alt="" id="img1" style="width:300px; height:300px"/> <br /> <span id="fn"></span> <span原创 2020-06-08 15:04:35 · 165 阅读 · 0 评论 -
H5高级(综合) 利用拖动生成报表 并生成音乐播放器
方法一 <div> <!-- 文件盒子 --> <div class="box b1"> <button onclick="ShowBB()">生成报表</button> <div style="width: 100%; height: 100%; border: solid blue;" id="Ipt"> </div原创 2020-06-04 14:06:50 · 157 阅读 · 0 评论 -
利用Canvas 做可以让画板
<body> <input type="button" value="重放" id="btn1" class="c_btn" /> <input type="button" value="清空" id="btn2" class="c_btn" /><br /> <canvas id="musicCanvas" class="canvas"></canvas></body> <style>原创 2020-06-03 11:28:56 · 113 阅读 · 0 评论 -
H5高级 利用canvas 画布画图
画五角星<canvas id="can" width="800" height="600" style="border:solid red"></canvas> //获取画布 var can = document.getElementById("can"); if (can.getContext) { var ctx = can.getContext("2d"); ctx.linWidth = 1原创 2020-06-03 11:27:39 · 370 阅读 · 0 评论 -
H5高级,文件拖放并生成报表
1.重要的是要引入echarts.min.js2.网页部分 <input type="button" value="生成报表" id="btn" onclick="showTo()"/> <div> <div id="fileZone"></div> <div id="echarts"></div> <div id="echarts2"></div>原创 2020-06-03 11:03:02 · 324 阅读 · 0 评论 -
H5做indexedDB存储(根据条件查询)
script window.onload = function () { var quest = window.location.search;获取?后面的 var id = quest.split(=)[1]; 获取ID indata(id) } var db; function indata(ida) { 判断浏览器是否支持原创 2020-06-02 12:40:30 · 823 阅读 · 0 评论 -
H5做indexedDB存储(增删查)
<body> <table border="1" style="width:100%;"> <tr> <td>编号</td> <td>姓名</td> <td>年龄</td> <td>操作</td> </tr> <原创 2020-06-02 10:28:24 · 205 阅读 · 0 评论 -
H5做indexedDB存储(增删查)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>index</title></head><body> <table bord...原创 2020-06-02 10:23:53 · 183 阅读 · 0 评论