JavaScript初心者です。下記のHtml中にあるアラートを出すJavaScriptを無効にしたく、html中のheadに外部リソースとして、test.jsを作成しました。しかしながら、removeChildやdisabledを設定してもアラートが表示されます。アラート表示に限らずどのようにコードを書けばHtml中の任意のJavaScriptを無効にすることができるか教えて下さい。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="test.js">a</script>
<title>title</title>
</head>
<body>

<script type="text/javascript">
    alert('JavaScriptのアラート1');
</script>

<script type="text/javascript">
   alert('JavaScriptのアラート2');
</script>

</body>
</html>

test.js

var len = document.getElementsByTagName('script').length;
for (var i = 0; len > i; i++) {
    var target = document.getElementsByTagName('script')[i];
    document.write("<br>" + len + ":" + i + ":" + target.textContent + "</br>");
    target.parentNode.removeChild(target);
}

また、test.jsの記述場所によって実行結果が変わる理由も教えて頂けると助かります。