js页面加载触发回调函数
时间: 2023-06-28 20:11:07 浏览: 52
在 JavaScript 中,页面加载后可以通过 `window.onload` 或者 `document.addEventListener("DOMContentLoaded", callback)` 来触发回调函数。
`window.onload` 会等到页面所有资源(包括图片、音频等)加载完毕后才触发回调函数,因此这个事件会比较慢。而 `DOMContentLoaded` 事件则会在 HTML 加载完成后立即触发回调函数,不必等待所有资源加载完毕。
以下是两种方式的示例代码:
```
// 使用 window.onload 触发回调函数
window.onload = function() {
console.log("页面所有资源加载完毕!");
};
// 使用 DOMContentLoaded 触发回调函数
document.addEventListener("DOMContentLoaded", function() {
console.log("HTML 加载完成!");
});
```
相关问题
JS onload回调函数
JS的onload回调函数是在网页的所有内容(包括图片、样式表、脚本等)都加载完成后触发的函数。它通常被用来执行在页面加载完成后需要进行的操作,比如初始化一些变量、绑定事件等。
在你提供的引用中,有一个关于onload回调函数的例子:
```
window.onload = function(){
// 这里是回调函数的代码
// 可以在这里执行一些操作
// 比如初始化变量,绑定事件等
}
```
c# webview2注册js回调函数
在 C# 中使用 WebView2 控件可以通过以下步骤注册 JavaScript 回调函数:
1. 在 C# 代码中创建一个对象,该对象将用于处理 JavaScript 回调函数。
```
using System.Runtime.InteropServices;
[ClassInterface(ClassInterfaceType.AutoDual)]
public class CallbackObject
{
public void callbackFunction(string message)
{
// 处理 JavaScript 回调函数
}
}
```
2. 在 WebView2 控件中注册 JavaScript 回调函数。
```
webView.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync("window.chrome.webview.postMessage(window.document.body.innerText);");
webView.CoreWebView2.WebMessageReceived += (sender, args) =>
{
string message = args.TryGetWebMessageAsString();
// 处理 JavaScript 回调函数
};
```
在上述代码中,我们使用 AddScriptToExecuteOnDocumentCreatedAsync 方法向 WebView2 控件中添加一段 JavaScript 代码。这段代码将在文档加载完成后自动执行,它会调用 window.chrome.webview.postMessage 方法将文档内容作为参数传递给 C# 代码。
在 C# 代码中,我们使用 WebMessageReceived 事件来处理 JavaScript 回调函数。该事件会在 WebView2 控件接收到 JavaScript 代码中通过 window.chrome.webview.postMessage 方法发送的消息时触发。我们可以通过 args.TryGetWebMessageAsString() 方法获取消息内容,并将其作为参数传递给我们创建的 CallbackObject 对象的 callbackFunction 方法。