gpt4 book ai didi

asp.net-core - 如何在asp.net core Blazor中调用js脚本文件

转载 作者:行者123 更新时间:2023-12-03 23:49:34 26 4
gpt4 key购买 nike

如何在@code部分调用js脚本文件(app.js)

<script src="~/js/app.js"></script>
<script src="~/js/app.js">
function indexSlider(){
alert(1);
}
@code{
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (!firstRender)
{
return;
}

await JSRuntime.InvokeAsync<string>("indexSlider");

}
}

最佳答案

如果您想在 blazor 服务器应用程序中使用 .js 文件。

1.在 wwwroot 文件夹中创建您的 .js 文件。
例如:Javascript.js:

window.JsInteropFunction = (ctrl) => {
var a = document.getElementById(ctrl);
return a;
};

2.在 _Host.cshtml 文件(head 标签)中引用该 .js 文件。
<head> <script src="~/Javascript.js"></script> </head>

3.在你的razor组件中注入(inject)IJSruntime。
@inject IJSRuntime JSRuntime; 
@code{
jsruntime.invokevoidasync("jsinteropfunction", new object[] { "sidebar" },true);
statehaschanged();
}

关于asp.net-core - 如何在asp.net core Blazor中调用js脚本文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59727059/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com