scriptタグに動的に属性を追加する

Question

GoogleMapが人によって、エッジやIEで表示されない問題が生じたため、試しにscriptタグの最後にdeferを追加して読み込みを調整しようと考えております。
script.setAttribute = "defer"//ここ
のように動的に追加しようとしているのですが、反映されません。
特に(name,value)の組み合わせではないようなdeferやansyncの属性の追加がわからなかったのですが、アドバイスを頂けると幸いです。

   function load(src) {
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = src;
        script.setAttribute = "defer"//ここ
        head.appendChild(script);
    }

       function loadGMap() {
        var nativeWrite = document.write;
        document.write = function (html) {
            var m = html.match(/script.+src="([^"]+)"/);
            if (m) {
                load(m[1]);
            } else {
                nativeWrite(html);
            }
        };

Answer 1

実際に確認していませんが、

script.setAttribute("defer", "defer");

じゃないでしょうか。

Comments

[pegy]

ご回答ありがとうございます、付与することができました。
といってもGoogleMap自体は私のPCではIEで表示されず、エッジで表示され、となりのパソコンでは逆の現象が起きているので、ちょっと考えて解決しない場合には別の質問をしてみようと思います。
助かりました。

Answer 2

scriptタグ自体の出力を動的にした方が良いかと思いますが（例）、JavaScriptで操作するより、サーバーサイドの言語（PHPなど）でブラウザ判定して出力制御した方が確実かと思います。

Comments

[pegy]

ご回答ありがとうございます。
残念ながら、一種のウェブサービスのようなものを利用しており、こちらからはサーバーサイドを触ることができず、JavascriptによるAPIだけ提供されている状況でございます。
script.setAttributeのような形では属性を追加することはできないのでしょうか？

[m.ts10806]

回答前半に分かりづらいですが「例」にリンクしてます。

[m.ts10806]

結局のところ実行されるのはscriptタグを読み込んだときなので、読み込んだ後に属性つけても効果はない・・・というのが、「今回動いてない原因」です。
なので、「scriptタグ自体を別の形で生成して画面出力する」方法をとります。

[m.ts10806]

と思ったらcreateElement→appendChildしてましたね。失礼。

[m.ts10806]

あぁ、別回答の通りですね。
setAttributeはプロパティではなくメソッドなので使い方間違ってます。
https://developer.mozilla.org/ja/docs/Web/API/Element/setAttribute

[m.ts10806]

あくまで、deferも属性なので。

[pegy]

ありがとうございます。拝見はしたのですが、iframe.setAttribute("style", "display:none");のように(name,value)のような組み合わせであればわかるのですが、単純に<script defer></script>のように付け加えたいケースは言及がないように思えました。もう一度見ますが、見落としがあれば申し訳ございません。

[pegy]

別回答を拝見しました、ありがとうございます！

[m.ts10806]

初期値がある属性は属性値書かなくても効果はでます。
例：disabled / readonly / selected など。
処理上はdisabled="disabled"として扱われるはずです。

[m.ts10806]

ちなみにinput のtypeは初期値textなのでtextにしたいだけのときはtype属性すら不要となりました。（JavaScriptで操作したい場合は注意が必要）

[m.ts10806]

修正はしました。
が、指摘ではなく単なる暴言ですし、
そのためだけにユーザー作る方がおかしい。