使用 Blazor WASM，我想在窗口打开时在 <span id=""> 中显示浏览器窗口的尺寸
该解决方案是使用 Blazor WASM 模板构建的。当窗口大小调整好时，我可以显示窗口尺寸。
我看不到窗口打开时如何显示窗口尺寸。
我的 HTML 位于 .razor 文件中。内容是：
@page "/termsAndConditions"
@inject IJSRuntime jsRuntime
<body class="text-center">
<span id="windowInnerWidth"></span>
<span id="windowInnerHeight"></span>
</body>
@code {
}
我的 Javascript 位于 .js 文件中。该文件包含以下可以正常工作的代码：
//Display browser window dimensions as they change
window.addEventListener("resize", function () {
document.getElementById("windowInnerWidth").innerHTML = "Width of inner window is: " + window.innerWidth;
});
window.addEventListener("resize", function () {
document.getElementById("windowInnerHeight").innerHTML = "Height of inner window is: " + window.innerHeight;
});
我尝试了多种方法来在窗口首次打开时显示窗口尺寸，包括：
window.addEventListener("open", function () {
document.getElementById("windowInnerWidth").innerHTML = "Width of inner window is: " + window.innerWidth;
});
什么都不起作用。谁能告诉我我做错了什么吗？
慕哥62875431回答
-
手掌心
该解决方案是使用 Blazor WASM 模板构建的。当窗口大小调整好时，我可以显示窗口尺寸。我看不到窗口打开时如何显示窗口尺寸。我的 HTML 位于 .razor 文件中。内容是：@page "/termsAndConditions"@inject IJSRuntime jsRuntime <body class="text-center"> <span id="windowInnerWidth"></span> <span id="windowInnerHeight"></span> </body> @code { }我的 Javascript 位于 .js 文件中。该文件包含以下可以正常工作的代码：//Display browser window dimensions as they changewindow.addEventListener("resize", function () { document.getElementById("windowInnerWidth").innerHTML = "Width of inner window is: " + window.innerWidth;});window.addEventListener("resize", function () { document.getElementById("windowInnerHeight").innerHTML = "Height of inner window is: " + window.innerHeight;});我尝试了多种方法来在窗口首次打开时显示窗口尺寸，包括：window.addEventListener("open", function () { document.getElementById("windowInnerWidth").innerHTML = "Width of inner window is: " + window.innerWidth;});什么都不起作用。谁能告诉我我做错了什么吗？
随时随地看视频慕课网APP
相关分类
JavaScript