如何使用requirejs加载html
来源:互联网 发布:deepskystacker mac 编辑:程序博客网 时间:2024/05/16 12:59
安装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定义一个目录。
加载完成后分别在控制台输出及插入到网页里。
网页里显示
0 0
- 如何使用requirejs加载html
- 如何使用requirejs加载html
- 使用 RequireJS 加载 AngularJS
- 使用requireJS按需加载
- 使用requireJS按需加载
- 使用RequireJS来加载MooTools Classes
- 使用requirejs加载多个插件
- JavaScript模块化:使用requireJS按需加载
- requireJs 使用
- RequireJs使用
- requireJs 使用
- requireJS(1)---使用requireJS的shim参数,完成jquery插件的加载
- angular使用requirejs/ui-router/angularAMD实现动态加载模块
- 使用requireJS的shim参数,完成jquery插件的加载
- HTML移动开发(一) -- RequireJS使用简略说明
- html如何加载图片
- html如何加载背景音乐
- RequireJS模块化加载
- 使用java理解程序逻辑第三章
- 加密算法常用知识1
- PHP伪造referer访问地址的三种方法
- Qt 5.6 集成至 VS2015
- 记录一个sql优化后大大提高查询效率的情形
- 如何使用requirejs加载html
- 点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数
- NodeJS入门---nodejs详细安装步骤
- 浏览器渲染原理及解剖浏览器内部工作原理
- LeetCode算法题目:Longest Valid Parentheses
- 一种导致js全局变量访问不到的情况
- js图片懒加载(可视区域加载)
- 如何提升程序员的非技术才能
- 容器居中