女王控的博客

前端

115 篇文章

JS前端创建html或json文件并浏览器导出下载

HTML与文件下载 如果希望在前端侧直接触发某些资源的下载,最方便快捷的方法就是使用HTML5原生的download属性,例如: 但显然,如果纯粹利用HTML属性来实现文件的下载(而不是浏览器打开或浏览),对于动态内容,就无能为力。 例如,我们对页面进行分享的时候,希望分享图片是页面内容的实时截图,此时,这个图片就是动态的,纯HTML显然是无法满足我们的需求的,借助JS和其它一些HTML5特性,例如,将页面元素转换到canvas… »

HTML5中的download属性

简介 首先看下面这种截图: 如果我们想实现点击上面的下载按钮下载一张图片,你会如何实现? 我们可能会想到一个最简单的方法,就是直接按钮a标签链接一张图片,类似下面这样: 但是,想法虽好,实际效果却不是我们想要的,因为浏览器可以直接浏览图片,因此,我们点击下面的“下载”链接,并是不下载图片,而是在新窗口直接浏览图片。 于是,基本上,目前的实现都是放弃HTML策略,而是使用,例如php这样的后端语言,通过告知浏览器header… »

JS DOM innerText和textContent的区别

简介 innerText IE6就开始支持,那个时候,Firefox浏览器是不支持这个API的,一直到2016年3月份Firefox 45+才开始支持。 而textContent IE9浏览器才开始支持: 由于存在兼容性,因此在开发PC端项目的时候获取元素的文本内容都是下面的语句: 久而久之,就误认为innerText和textContent作用是一样的。 innerText和textContent的不同 调用对象不同 innerText只有HTML元素才可以调用,但是textContent… »

document.readyState的作用

简介 document.readyState是一个只读属性,可以返回当前文档的准备状态。 语法 其中state值包含下面三个值: loading 表示文档正在加载中。 interactive 表示文档已完成加载,文档已被解析,但图像、样式表和框架等子资源仍在加载。 complete 表示文档和所有子资源已完成加载。如果状态变成这个,表明load事件即将触发。 DOM事件绑定没必要等domready 对于web页面开发,JavaScript最主要的功能之一就是页面上DOM元素的交互实现,如果DOM… »

HTMLUnknownElement与HTML5自定义元素

HTMLUnknownElement元素 在网页中,随便写一个标签,例如: 这个 就是一个HTMLUnknownElement元素。 在HTML规范中,HTMLUnknownElement元素是一个被认可的合法的元素,CSS可以无障碍使用,例如: 则实时效果如下(用户名大写): ZHANGXINXU HTMLUnknownElement继承HTMLElement中的方法,因此,基本上,常用的HTML方法都是可以畅快使用的,例如,文字变红色,可以直接: 不同点 在HTML… »

0%