我将实现延迟加载 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
保持不变或可以更改。如果它保持不变,那么我认为不会有任何问题。请建议。