javascript - 在div中导入html页面并执行 "body onload"

标签 javascript jquery html

我是 HTML/JS 新手。

我有一个 HTML 页面“B.html”,其中包含:

    <body onload="init()" >
    -----other html/js stuffs

在浏览器中加载正常。

我使用以下方法将 B.html 包含在“A.html”(选项卡)的 div 内:

<ul class="tab">
<li><a href="javascript:void(0)" class="tablinks" onclick="openTab(event, 'Main')">Main</a></li> 
.........
</ul>

<div id="Main" class="tabcontent"> </div>
.........

<script>
$(function(){ $("#Main").load("B.html"); });

function openTab(evt, tabName) {
.........
</script>

openTab 函数管理选项卡选择,激活适当的 div

现在,打开 B.html 一切正常。

正如我之前所写,将 B.html 嵌入到 A.html 中,除了需要由“init”初始化的 js 函数外,都可以工作。我显然无法使用 body onload="init()" 因为我已经在 A.html 的正文中

我怎样才能做到这一点?

最佳答案

在load的回调函数中调用init函数:

$("#Main").load("B.html", function() {
    init();
});

加载完成后会触发回调函数

有关.load的更多信息

关于javascript - 在div中导入html页面并执行 "body onload",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40907021/

相关文章:

javascript - 动态添加时,jQuery remove() 不适用于 div 标签

php - 使用 jquery 创建按钮捕捉

html - 将字形 div 移高

javascript - 如何在特定页面上运行JS文件

javascript - 如何 Jest 模拟命名导入?

javascript - 当我将鼠标放在按钮上时,如何检测按钮的颜色是否因为 CSS 或 JavaScript 事件而改变?

javascript - 如何使用 Javascript ajax 调用在 DialogFlow v2 上进行 http 调用

javascript - 如何使用更多的javascript修改页面中的javascript?

javascript - 单页 HTML 站点 - SEO 技术

javascript - 自动为博客中的每个视频添加 html 代码