0

<head>現在の構造では、応答時間が長い要素でJavaScript が呼び出されているため、JavaScript アプローチの Defer loading を実装します。したがって、完全な DOM ロードの後に​​この JavaScript を追加したいだけです。ここにcshtmlファイルのコードがあります

Layout.cshtml

<head>
@Scripts.Render("~/bundles/javascript")
</head>

レンダリングされた HTML ビュー ソース:

<head>
    <script src="/bundles/javascript?v=abcdefghikeriotterpoggkjs-fskdf"></script>
</head>

これが私がやろうとしていることです:@Scripts.Render("~/bundles/javascript") fromセクション を削除し<head>ます。src次に、レンダリングされたビュー ソースから値をコピーし、以下を使用します

<script type="text/javascript">
    // Add a script element as a child of the body
    function downloadJSAtOnload() {
        var element = document.createElement("script");
        element.src = "/bundles/javascript?v=abcdefghikeriotterpoggkjs-fskdf";
        document.body.appendChild(element);
    }
    // Check for browser support of event handling capability
    if (window.addEventListener)
        window.addEventListener("load", downloadJSAtOnload, false);
    else if (window.attachEvent)
        window.attachEvent("onload", downloadJSAtOnload);
    else
        window.onload = downloadJSAtOnload;
</script>

私は正しいことをしていますか？私の疑問はv=abcdefghikeriotterpoggkjs-fskdf、アプリケーション全体でこの値が同じままなのか、それとも変更できるのかということです。このままなら問題ないと思います。提案してください。

4

0 に答える 0