现在位置：站长资讯->首页->网页制作
在页面中动态载入外部javascript
时间：2007-8-30 10:11:00 来源：佰网门户 作者： 编辑： 【关闭】

     

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

CODE:
  1. newjs.onreadystatechange = function () {
  2. if (newjs.readyState == 'loaded') {
  3. // ready!
  4. }
  5. }
  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);
  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. }
  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);
  30. js.onreadystatechange = function () {
  31. if (js.readyState == 'complete') {
  32. alert('JS onreadystate fired');
  33. }
  34. }
  36. js.onload = function () {
  37. alert('JS onload fired');
  38. }
  39. return false;
  40. }

这里是Demo，有动态载入css以及js的例子。
发表评论 相关信息
用户：
查看评论
留言：
验证码：
* 请各位网友遵纪守法并注意语言文明。
*《互联网电子公告服务管理规定》
*《全国人大常委会关于维护互联网安全的规定》
 行业新闻
 服务器
 数据库
关于佰网　　联系佰网 　 广告服务　 法律维权 　诚邀合作　 友情链接 　 网站建设　 网站推广　 软件开发 　 网站地图
版权 © 佰网 www.hb666.com 所有 综合门户站点    未经许可不得复制或镜像　　
招商热线：0710 -3851666 　3858555 　售后服务：0710-3422031 　传真：0710- 3452881
　 佰网数据：0710-3178666   合作 Email:admin@hb666.com   销售Email:666@hb666.com
CEO信箱　 客户留言　 我要投诉　 诚聘英才