在页面中动态载入外部javascript

时间:2009-02-05 10:16:09  来源:第二电脑网上收集  作者:第二电脑网

  第二电脑网导读:get=_blank>javascript:showCodeTxt('code-1'); return false;" href="http://www.ooso.net/index.php/archives/312#">CODE:
  正文:

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

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

主要利用了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. // alert state change
  10. css.onreadystatechange = function () {
  11. if (css.readyState == 'complete') {
  12. alert('CSS onreadystatechange fired');
  13. }
  14. }
  15. css.onload = function () {
  16. alert('CSS onload fired');
  17. }
  18. return false;
  19. }
  20. var js;
  21. function include_js(file) {
  22. var html_doc = document.getElementsByTagName('head')[0];
  23. js = document.createElement('script');
  24. js.setAttribute('type', 'text/javascript');
  25. js.setAttribute('src', file);
  26. html_doc.appendChild(js);
  27. js.onreadystatechange = function () {
  28. if (js.readyState == 'complete') {
  29. alert('JS onreadystate fired');
  30. }
  31. }
  32. js.onload = function () {
  33. alert('JS onload fired');
  34. }
  35. return false;
  36. }

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

原始出处


在页面中动态载入外部javascript》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/JavaScript/2009-02-05/9111.html


关键字:

关于《在页面中动态载入外部javascript》文章的评论

相关文章

    无相关信息
站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td