
如何使用requirejs加载html
展开全部
安装text.js
npm install requirejs-text
text.js使用
require.config({
paths: {
text : "../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定义一个目录。
加载完成后分别在控制台输出及插入到网页里。
npm install requirejs-text
text.js使用
require.config({
paths: {
text : "../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定义一个目录。
加载完成后分别在控制台输出及插入到网页里。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询