HTML5
文章平均质量分 61
秋天1014童话
坚持就是胜利,珍惜当下,珍惜学习的机会!!
展开
-
使用a标签下载文件,浏览器会直接打开解决方案
使用a标签下载文件,浏览器会直接打开解决方案背景一、HTML中的a标签实现点击下载二、即使使用a标签的download属性,chrome浏览器还是会打开三、解决方案解决方案一:使用ajax请求该url,获取到文本内容,手动实现下载。解决方案二:设置Content-Type四、写在最后背景在使用a标签进行下载文件时,chrome浏览器是会打开支持预览的文件(如txt、json等),而不下载。一、HTML中的a标签实现点击下载通常在咱们写项目的时候会遇到上传下载什么的,在上传完文件后会把文件的路径保存到原创 2022-04-22 16:40:35 · 16961 阅读 · 7 评论 -
本地存储封装-localStorage,sessionStorage,userData
h5新增了本地存储localStorage,sessionStorage。IE6,7需要使用userData进行兼容。封装代码如下:var localData = { hname:location.hostname?location.hostname:'localStatus', isLocalStorage:window.localStorage?true:fals原创 2017-08-07 12:07:34 · 1025 阅读 · 0 评论 -
canvas-toDataURL()将图片转为dataURL(base64)
一个应用场景:由于某些特殊原因从服务端请求到图片路径,要求通过该路径获取对应图片的 base64 dataURL.一个完整的 dataURI 应该是这样的:data:[<mediatype>][;base64],<data>其中mediatype声明了文件类型,遵循MIME规则,如“image/png”、“text/plain”;之后是编码类型,这里我们只涉及 base64;紧接着就是文件编码后的原创 2017-08-18 19:34:55 · 9402 阅读 · 0 评论 -
文件系统API
对于表单里的input:可以直接通过name找到,document.form[0].input_file主要代码:var inputFile = document.forms[0].input_file;var files = inputFile.files; //获取文件列表files[i].namefiles[i].lastModifiedDate.toLocaleDateString()原创 2017-08-19 16:31:41 · 393 阅读 · 0 评论 -
html5新增元素
html5新的表单元素: datalist keygen output datalist规定输入域的选项列表,通过option创建! keygen提供一种验证用户的可靠方法,密钥对生成器,私钥存于客户端,公钥发到服务器,用于之后验证客户端证书! output元素用于不同类型的输出!原创 2016-11-01 20:41:10 · 300 阅读 · 0 评论 -
html(2)
html第二天一、结构中每个标签的含义<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div>hahah</div> <div>hahah</div></body></html> 2. DOCTYPE:文档类型原创 2016-09-09 14:27:36 · 322 阅读 · 0 评论 -
前端html-1
总体:前端课程框架一、浏览器与服务器1. 浏览器与服务器概念: 解释:当我们在浏览器的地址栏上面输入内容之后,浏览器会发送请求到服务器,服务器接收并处理以后,将请求的页面读取出来返回到浏览器,浏览器接收到响应回来的内容以后,浏览器的内核将内容渲染成一个完整的页面,并且显示出来。2. 浏览器与服务器交互图: 3. 浏览器内核: 二、html标签三、html协议 如果没有设置端口原创 2016-09-07 17:51:30 · 340 阅读 · 0 评论 -
js倒计时--天、时、分、秒, 到时间后自动停止
js倒计时–天、时、分、秒, 到时间后自动停止:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-原创 2018-10-31 15:58:44 · 3658 阅读 · 1 评论