[require.js插件] text.js异步加载文本资源
2016-07-30 19:40
344 查看
text.js是require.js的一个插件,用于异步加载文本资源,如txt、css、html、xml、svg等。
安装text.js
bower install requirejs-text
text.js使用
在require.js主模块main.js配置text.js路径
require.config({
paths: {
text : "../bower_components/requirejs-text/text"
}
});
使用text.js加载资源
require(['text!../text/a.txt','text!../css/a.css','text!../templates/a.html'], function (aTxt,aCss,aHtml){
console.log(aTxt);
console.log(aCss);
console.log(aHtml);
document.getElementsByTagName("style")[0].innerHTML = aCss;
document.getElementsByTagName("body")[0].innerHTML = aHtml;
});
text.js 使用text!+资源路径 来加载资源
上例使用text.js异步加载了a.txt a.css a.html,使用的是相对路径加载,当然还可以使用绝对路径加载及在配置中的path定义一个目录。
加载完成后分别在控制台输出及插入到网页里。
网页里显示
安装text.js
bower install requirejs-text
text.js使用
在require.js主模块main.js配置text.js路径
require.config({
paths: {
text : "../bower_components/requirejs-text/text"
}
});
使用text.js加载资源
require(['text!../text/a.txt','text!../css/a.css','text!../templates/a.html'], function (aTxt,aCss,aHtml){
console.log(aTxt);
console.log(aCss);
console.log(aHtml);
document.getElementsByTagName("style")[0].innerHTML = aCss;
document.getElementsByTagName("body")[0].innerHTML = aHtml;
});
text.js 使用text!+资源路径 来加载资源
上例使用text.js异步加载了a.txt a.css a.html,使用的是相对路径加载,当然还可以使用绝对路径加载及在配置中的path定义一个目录。
加载完成后分别在控制台输出及插入到网页里。
网页里显示
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- java自动生成验证码插件-kaptcha
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 设计模式---状态模式在web前端中的应用
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法