gpt4 book ai didi

javascript - 简单的 jQuery .load 示例不起作用

转载 作者:行者123 更新时间:2023-11-28 15:58:29 24 4
gpt4 key购买 nike

我确信这是一个相当基本的问题,但我对 jQuery 比较陌生,所以希望有人能够提供帮助。

基本上,我需要将 HTML 片段加载到页面中。当代码片段只包含 HTML 时,这可以正常工作,但当它包含脚本时,则不行。

为了清晰起见,我已将代码精简到最低限度。这是index.html:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
</head>
<body>
<h1>Heading</h1>
<div id="banner"></div>
<script>
$(document).ready(function(){
$('#banner').load('banner.html');
});
</script>

</body>
</html>

banner.html 仅包含以下内容(作为示例):

<h2>Subheading</h2>
<script>
document.write('Hello');
</script>

脚本已执行,但由于某种原因,它删除了index.html和banner.html中的其余HTML(即,它只显示“Hello”,没有其他内容)。

非常感谢任何帮助!

最佳答案

document.write 页面加载后写入文档,同时覆盖文档中当前的所有其他内容,这就是为什么您最终只得到字符串“hello”。

只需删除文档写入:

<h2>Subheading</h2>
<p id="test"></p>
<script>
document.getElementById('test').innerHTML = 'hello';
</script>

关于javascript - 简单的 jQuery .load 示例不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17806380/

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