在頁面中動(dòng)態(tài)載入外部javascript_Web標(biāo)準(zhǔn)教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

      有時(shí)候需要在網(wǎng)頁中某個(gè)div載入之后,動(dòng)態(tài)引入一段javascript,IE下的解決方案:

      以下為引用的內(nèi)容:
      CODE:
      newjs. onreadystatechange = function ( ) {
      if (newjs. readyState == 'loaded' ) {
      // ready!
      }
      }

      newjs. onload = function ( ) {
      // ready!
      }

      主要利用了onload以及onreadystatechange事件。把這個(gè)加以利用,也能動(dòng)態(tài)載入外部css。下面是同時(shí)適合Ie/firefox的寫法。

      以下為引用的內(nèi)容:
      CODE:
      var css;
      function include_css (css_file ) {
      var html_doc = document. getElementsByTagName ( 'head' ) [ 0 ];
      css = document. createElement ( 'link' );
      css. setAttribute ( 'rel', 'stylesheet' );
      css. setAttribute ( 'type', 'text/css' );
      css. setAttribute ( 'href', css_file );
      html_doc. appendChild (css );

      // alert state change
      css. onreadystatechange = function ( ) {
      if (css. readyState == 'complete' ) {
      alert ( 'CSS onreadystatechange fired' );
      }
      }
      css. onload = function ( ) {
      alert ( 'CSS onload fired' );
      }
      return false;
      }

      var js;
      function include_js (file ) {
      var html_doc = document. getElementsByTagName ( 'head' ) [ 0 ];
      js = document. createElement ( 'script' );
      js. setAttribute ( 'type', 'text/javascript' );
      js. setAttribute ( 'src', file );
      html_doc. appendChild (js );

      js. onreadystatechange = function ( ) {
      if (js. readyState == 'complete' ) {
      alert ( 'JS onreadystate fired' );
      }
      }

      js. onload = function ( ) {
      alert ( 'JS onload fired' );
      }
      return false;
      }

      來源:模板無憂//所屬分類:Web標(biāo)準(zhǔn)教程/更新時(shí)間:2007-09-30
      相關(guān)Web標(biāo)準(zhǔn)教程