2016-04-20 11 views
0

スクリプトDOMを使用してスクリプトタグを変更するにはどうすればよいですか?以前私はこのようなスクリプトを使用しましたスクリプトのDOM要素の使い方は?

<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 

しかし、私はスクリプトDOMを使いたいと思います。私はこのように変化したときに、

<script> 
var jquerymin = document.createElement('script'); 
jquerymin.type = 'text/javascript'; 
jquerymin.async = true; 
jquerymin.src = 'https://code.jquery.com/jquery-2.2.2.min.js'; 
document.getElementsByTagName('head')[0].appendChild(jquerymin); 

var jqueryui = document.createElement('script'); 
jqueryui.type = 'text/javascript'; 
jqueryui.async = true; 
jqueryui.src = 'https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js'; 
document.getElementsByTagName('head')[0].appendChild(jqueryui); 
</script> 

を働いていないスクリプトは、DOMスクリプトです、スクリプトjquery.minjquery.uiを実行するカント?

+0

スクリプトが動作していない何を意味するのですか?コンテンツで何かをする前にロードイベントを待っていますか? Btw、jqueryUIはjqueryが必要なので、jqueryminのloadイベントが発生したときにのみ、そのノードの作成をラップすることができます。 – Kaiido

+0

このコードをどのように変更するのですか? 'DOM? – Rahayu

+0

jsutはうまく動作しますが、実際にコンテンツスクリプトを使用するには、スクリプトがロードされるのを待たなければなりません( 'jquerymin.onload = function(){doSomethingWith $()}')。 – Kaiido

答えて

0

あなたは(非同期)新しいスクリプトファイルを追加するために、純粋なJavascriptを使用したい場合は、あなたがこれを行うことができます:

<html> 
    <head> 
     <title>JS</title> 
    </head> 
    <body> 
     <script type="text/javascript"> 
      var 
       scriptElement, 
       script; 

      scriptElement = document.createElement('script'); 
      scriptElement.src = "https://code.jquery.com/jquery-2.2.2.min.js"; 

      script = document.getElementsByTagName('script')[0]; 
      script.parentNode.insertBefore(scriptElement, script); 
     </script> 
    </body> 
</html> 
+0

しかし、コード 'https:// code.jquery.com/jquery-2.2.2.min.js'を入力したいとします。成功していない。 'https:// code.jquery.com/jquery-2.2.2.min.js'コードは**' ** script src = "https://code.jquery.com/というコードでのみ実行できます** jquery-2.2.2.min.js ">' ??? – Rahayu

+0

plz私の更新された回答をもう一度見てください –

+0

'http:// example.com/script.js'を' https:// code.jquery.com/jquery-2.2.2.min.js'で変更してもまだ動作しません? – Rahayu

関連する問題