En wwwroot/index.html (Blazor WebAssembly) o Pages/_Host.cshtml (Blazor Server) podemos agregar una etiqueta <script src="?"/> .
<body> ... <script src="_framework/blazor.{webassembly|server}.js"></script> <script src="?"></script> // I want to load this script after all components/site completely loaded. </body> Pero el problema es que la etiqueta <script src="?"/> acaba de cargarse, pero quiero cargarla después de cargar todos los componentes de Blazor. (Algunas funciones dentro del script no pueden encontrar algunos elementos)
Hay una manera de cargar una function JS como la siguiente
@page "/" @inject IJSRuntime JSRuntime <div> this is index page </div> @code { protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await JSRuntime.InvokeVoidAsync("initilizeNiceAdminJs");// Initialize main.js after site completely loaded } } } El método OnAfterRenderAsync nos ayuda a cargar una función JS después de cargar componentes completos en Blazor.
¿Existe alguna forma de hacer lo mismo con etiquetas <script src="?"/> en lugar de una función?
Tienes varias formas de hacerlo
Inyecte un script después de que se inicie Blazor, esto se usa para cargar js después de que se inició la aplicación blazor
Cargue un script desde un archivo JavaScript externo (.js) colocado con un componente de esta manera, puede definir un archivo javascript para cada componente
use su propio cargador de javascript
este código puede invocar la función de devolución de llamada desde la aplicación blazor. para esto primero debe registrar su instancia y puede llamarla desde su aplicación blazor
App = {}; App.LoadScript = (function (Url, Instance, CallBack) { var head = document.head; var IsExist = false; var Scripts = head.getElementsByTagName('script'); for (var i = Scripts.length; i--;) { var Src = Scripts[i]; if (Src.src == Url || Src.src.replace(Src.baseURI, '') == Url) { IsExist = true; break; } } if (!IsExist) { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = Url; if (CallBack && Instance) { script.onload = setTimeout(() => { App.CsharpInvoker(Instance, CallBack); }, 3000); } else if (CallBack) script.onload = setTimeout(() => { CallBack(); }, 1000); head.appendChild(script); } else if (CallBack && Instance) setTimeout(() => { App.CsharpInvoker(Instance, CallBack); }, 1000); else if (CallBack) setTimeout(() => { CallBack(); }, 1000); }); App.CsharpInvoker = (function CSharpCallBackInvoker(Instance, MethodName, Parameter) { Instance.invokeMethodAsync(MethodName, Parameter); });