您当前的位置：易搜源码站 → 网络编程 → JavaScript → 文章内容
RSS订阅

如何动态载入外部javascript

作者：volcano  来源：yscode.com整理  发布时间：2007-10-8 7:35:10

减小字体 增大字体

有时候需要在网页中某个div载入之后，动态引入一段javascript，IE下的解决方案：

 
CODE:
  1. newjs.onreadystatechange = function () {
  2. if (newjs.readyState == 'loaded') {
  3. // ready!
  4. }
  5. }
  6.  
  7. newjs.onload = function () {
  8. // ready!
  9. }

主要利用了onload以及onreadystatechange事件。把这个加以利用，也能动态载入外部css。下面是同时适合Ie/firefox的写法。

 
CODE:
  1. var css;
  2. function include_css(css_file) {
  3. var html_doc = document.getElementsByTagName('head')[0];
  4. css = document.createElement('link');
  5. css.setAttribute('rel', 'stylesheet');
  6. css.setAttribute('type', 'text/css');
  7. css.setAttribute('href', css_file);
  8. html_doc.appendChild(css);
  9.  
  10. // alert state change
  11. css.onreadystatechange = function () {
  12. if (css.readyState == 'complete') {
  13. alert('CSS onreadystatechange fired');
  14. }
  15. }
  16. css.onload = function () {
  17. alert('CSS onload fired');
  18. }
  19. return false;
  20. }
  21.  
  22. var js;
  23. function include_js(file) {
  24. var html_doc = document.getElementsByTagName('head')[0];
  25. js = document.createElement('script');
  26. js.setAttribute('type', 'text/javascript');
  27. js.setAttribute('src', file);
  28. html_doc.appendChild(js);
  29.  
  30. js.onreadystatechange = function () {
  31. if (js.readyState == 'complete') {
  32. alert('JS onreadystate fired');
  33. }
  34. }
  35.  
  36. js.onload = function () {
  37. alert('JS onload fired');
  38. }
  39. return false;
  40. }

这里是Demo，有动态载入css以及js的例子。


[] [返回上一页] [打 印]
文章评论 （评论内容只代表网友观点，与本站立场无关！）

用户名： ！ 查看更多评论

分　值：100分 85分 70分 55分 40分 25分 10分 0分

内　容： ！

         (注“！”为必填内容。) 验证码： 验证码,看不清楚?请点击刷新验证码