当前位置：文江博客话题详情

HTML jQuery external

使用 JQuery 将代码加载到 HTML 中？

发布于 2024-10-15 20:13:16 字数 868 浏览 4 评论 0 原文

我知道这是可能的，并且我已经看过很多例子。恐怕我已经知道问题的答案，但也许我遗漏了一些东西。我认为这不起作用，因为我是在本地运行此代码，而不是在服务器上运行。

在我的 head 标签中：

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

<script type="text/javascript">
    $(document).ready(function() {
        $("#test").load("test.html");
        } );
</script>

在我的 body 标签中：

<div id="test"></div>

我的外部代码（在“test.html”内）

<div>This is what you should be seeing!</div>

这不应该起作用吗？另外，在我的外部 html 文档中，我是否需要使用所有额外的标签进行设置，以便文档看起来像：

<html>
    <head>
        <title>
        </title>
    </head>
    <body>

<div>This is what you should be seeing!</div>
</body>
</html>

我的所有文件都在同一目录中。

谢谢。

原文

I know it's possible, and I've looked at numerous examples. And I'm afraid I already know the answer to my question, but perhaps I'm missing something.
I was thinking that this does not work because I am running this code locally, and not on a server.

In my head tag:

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

<script type="text/javascript">
    $(document).ready(function() {
        $("#test").load("test.html");
        } );
</script>

In my body tag:

<div id="test"></div>

My external code (inside 'test.html")

<div>This is what you should be seeing!</div>

Shouldn't this work?
Additionally, in my external html document, do I need set it up with all the extra tags, so that the document would look like:

<html>
    <head>
        <title>
        </title>
    </head>
    <body>

<div>This is what you should be seeing!</div>
</body>
</html>

All my files are in the same directory.

Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

蓝颜夕 2024-10-22 20:13:16

那么你的代码应该可以在网络服务器上运行！如果您是在桌面上执行此操作，请告诉我。

<script src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    $("#test").load("./test.html"); //  also try /test.html
    } );
</script>
<div id="test"></div>

Well your code should work on webserver! Please let me know if you are doing it from you desktop.

<script src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    $("#test").load("./test.html"); //  also try /test.html
    } );
</script>
<div id="test"></div>

回复收藏 0 原文

赠意 2024-10-22 20:13:16

简单

$.get('test.html', function(data) {
    $('#test').html(data);
});

.load() 有一个不同的功能，在加载事件上绑定事件处理程序

更新：

要添加插入的数据，请尝试追加

$('body').append(data)

Simple

$.get('test.html', function(data) {
    $('#test').html(data);
});

The .load() have a different function, to bind event handlers on load event

UPDATE:

To add the data insted replace try the append

$('body').append(data)

回复收藏 0 原文

自此以后，行同陌路 2024-10-22 20:13:16

在 URL 后使用可选选择器仅将 > 的内容（或其他内容）放入目标中：

   // will load the contents of test.html's body-element into #test  
   $("#test").load("test.html body");

Use a optional selector after the URL to only put the <body>'s content (or something else) into the target:

   // will load the contents of test.html's body-element into #test  
   $("#test").load("test.html body");

回复收藏 0 原文

~没有更多了~

关于作者

向地狱狂奔

暂无简介

0 文章

0 评论

23 人气

关注发私信

友情链接

文江博客

使用 JQuery 将代码加载到 HTML 中？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

烙印

singlesman

给自己一个微笑

独孤求败

晨钟暮鼓

我是自愿种绣球花的

友情链接

使用 JQuery 将代码加载到 HTML 中？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

烙印

singlesman

给自己一个微笑

独孤求败

晨钟暮鼓

我是自愿种绣球花的

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。