亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 Blazor WASM,我想在窗口打開時在 <span id=""> 中顯示瀏覽器窗口的尺寸

使用 Blazor WASM,我想在窗口打開時在 <span id=""> 中顯示瀏覽器窗口的尺寸

慕哥6287543 2023-10-14 11:19:04
該解決方案是使用 Blazor WASM 模板構建的。當窗口大小調整好時,我可以顯示窗口尺寸。我看不到窗口打開時如何顯示窗口尺寸。我的 HTML 位于 .razor 文件中。內容是:@page "/termsAndConditions"@inject IJSRuntime jsRuntime    <body class="text-center">        <span id="windowInnerWidth"></span>        &nbsp;&nbsp;&nbsp;&nbsp;        <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:&nbsp;" + window.innerHeight;});我嘗試了多種方法來在窗口首次打開時顯示窗口尺寸,包括:window.addEventListener("open", function () {    document.getElementById("windowInnerWidth").innerHTML = "Width of inner window is: " + window.innerWidth;});什么都不起作用。誰能告訴我我做錯了什么嗎?
查看完整描述

1 回答

?
手掌心

TA貢獻1942條經驗 獲得超3個贊

該解決方案是使用 Blazor WASM 模板構建的。當窗口大小調整好時,我可以顯示窗口尺寸。


我看不到窗口打開時如何顯示窗口尺寸。


我的 HTML 位于 .razor 文件中。內容是:


@page "/termsAndConditions"

@inject IJSRuntime jsRuntime


    <body class="text-center">

        <span id="windowInnerWidth"></span>

        &nbsp;&nbsp;&nbsp;&nbsp;

        <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:&nbsp;" + window.innerHeight;

});

我嘗試了多種方法來在窗口首次打開時顯示窗口尺寸,包括:


window.addEventListener("open", function () {

    document.getElementById("windowInnerWidth").innerHTML = "Width of inner window is: " + window.innerWidth;

});

什么都不起作用。誰能告訴我我做錯了什么嗎?


查看完整回答
反對 回復 2023-10-14
  • 1 回答
  • 0 關注
  • 164 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號