Skip to content

Instantly share code, notes, and snippets.

@s-hiroshi
Created August 17, 2012 14:00
Show Gist options
  • Select an option

  • Save s-hiroshi/3378918 to your computer and use it in GitHub Desktop.

Select an option

Save s-hiroshi/3378918 to your computer and use it in GitHub Desktop.
JavaScript > create script tag dynamic. order of execution.

動的に読み込むスクリプトの実行順序

関数で動的にスクリプトを読み込んだときのスクリプトの実行順序の確認用。

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Dynamic script tag</title>
<script>
function appendScript() {
var target = document.createElement('script');
target.charset = 'utf-8';
target.src = 'script.js'
document.body.appendChild(target);
document.getElementById('results').innerHTML = 'in appendScript Function';
}
</script>
</head>
<body>
<div id="results"></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p>
Ut ac mauris non turpis venenatis fringilla non ut augue.
</p>
<script>appendScript();</script>
</body>
</html>
var text = document.getElementById('results').innerHTML;
text += '<br>' + 'in script file.';
document.getElementById('results').innerHTML = text;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment