0

我将实现延迟加载 JavaScript 方法,因为根据当前结构,JavaScript 在<head>元素中被调用,这需要很长的响应时间。所以我只想在完成 DOM 加载后添加这个 JavaScript。这是cshtml文件中的代码

布局.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