Data URI scheme

2016-06-13 09:33 2184浏览原创

-----------------------------------------------------------------------------------------------

Data URI scheme is a URI scheme（统一资源定位符的模式）。

我们熟知的站点引用资源文件，都是类似http://www.chenwei.ws/demo.png这种的格式，但是data URI scheme 提供将外部资源嵌入到网页中的方法。

它是一种文件或文档的形式，这项技术允许普通的元素诸如要取的图片，样式表放在单一的http请求中，替代很多http请求。（相当于变成网页的一部分了）

------------------------------@author chenwei --------------------

用法=>

HTML:

<span><span>img </span><span>src</span><span>="data:image/png;base64,iVBORw0Rw0KGgoAA......"</span><span>></span></span>

CSS:

<span>div </span>{<span>background</span>:<span> red url('data:image/png</span>;<span>base64,iVBORw0Rw0KGgoAA......') no-repeat scroll left top;</span>}

JavaScript:(IE8不支持)

<script><span>
window.open('data:text/html;charset=utf-8,' +<span> encodeURIComponent(
　　　　'<!doctype html>' +
　　　　'html lang='en'<span> +
　　　　'<head><title>Embedded Window'<span> +
　　　　'<body><h2>42</script>