gpt4 book ai didi

javascript - 用于加载 HTML 文件的 JQuery 函数调用不起作用

转载 作者:行者123 更新时间:2023-12-02 22:11:20 25 4
gpt4 key购买 nike

我正在尝试使用 jQuery .load 函数( https://api.jquery.com/load/ )加载 html 文件。

我在script.js中创建了这个函数:

function loadPost(file) {
console.log(file);
$("#content").load(file);
};

这就是index.html看起来像:

<html>

<head>
<script src="js/jquery.js"> </script>
<script type="text/javascript" src="js/script.js"></script>
</head>

<body>

<script>
loadPost("post1.html"); // does not work
</script>

<header>

// function call works
<a id="go_home_link" onclick="loadPost('post1.html')" href="#">
Go home
</a>
</header>
</body>
</html>

我也尝试过使用loadPost("'post1.html'") ,但这也行不通。任何想法为什么使用 javascript block 不起作用,但在另一个元素中调用内联函数却可以工作?

谢谢

最佳答案

您调用#content但是,不存在。

我认为你可以使用 <iframe> ,类似这样的东西:

index.html

<html>

<body>

<header></head>

// function call works
<a id="go_home_link" onclick="loadPost('post1.html')" href="#">
Go home
</a>
</header>
**<iframe id="content"></iframe>** <!-- load page here -->

<script src="js/jquery.js"> </script>
<script type="text/javascript" src="js/script.js"></script>
<script>
loadPost("post1.html"); // does not work
</script>
</body>
</html>

script.js

function loadPost(file) {
console.log(file);
$("#content").attr("src", file);
};

关于javascript - 用于加载 HTML 文件的 JQuery 函数调用不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59549265/

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