js加载优化:Script DOM Element

来源:互联网 发布:盒子k歌软件 编辑:程序博客网 时间:2024/06/05 10:19

Script DOM Element

相较于XHR Injection而言,Script DOM Element技巧支持跨域加载,即可以加载来自不同域的text/javascript资源文件。这是因为该技术利用javascript动态创建script DOM元素并且设置src。

<html><head><script type="text/javascript">function load_js(src) {  var script_elem = document.createElement('script');  script_elem.type = 'text/javascript';  script_elem.src = src;  document.getElementsByTagName('head')[0].appendChild(script_elem);}load_js('a.js');load_js('b.js');load_js('http://www.jt-tech.net/misc/jquery.js');</script></head><body><img src="http://static.perfgeeks.com/wp-content/uploads/2011/01/p_460_001.jpg" /></body></html>