要在Blazor服务器端中的.razor页面渲染时调用位于CDN上的JavaScript函数,可以按照以下步骤进行。
在Blazor服务器端项目的wwwroot文件夹中创建一个名为js的文件夹。
在js文件夹中创建一个JavaScript文件,例如script.js,并将CDN上的JavaScript函数复制到该文件中。例如,script.js的内容可以是:
function myFunction() {
// Your JavaScript code here
}
@inject IJSRuntime JSRuntime
@code {
private async Task CallJavaScriptFunction()
{
await JSRuntime.InvokeVoidAsync("myFunction");
}
}
protected override async Task OnInitializedAsync()
{
await JSRuntime.InvokeVoidAsync("eval", await File.ReadAllTextAsync("js/script.js"));
}
这样,在页面渲染时,将调用位于CDN上的JavaScript函数。当点击按钮时,也将调用相同的JavaScript函数。
请注意,为了使此示例正常工作,确保在Blazor服务器端的项目文件中添加了相应的依赖项和引用。