如何将另一个文件中的 HTML 位包含在小书签中?
我有一个用 jQuery 编写的书签,我在其中创建元素并将它们添加到 DOM 中。
$dot = $('<span class="dot" style="left:0;top:0;" />');
$('body').append($dot);
有没有办法可以包含 HTML 而无需直接将其写入 .js 文件?上面的跨度非常简单,但是如何创建复杂的表单而不使其成为维护噩梦?
编辑
为了澄清,我知道如何通过书签加载脚本,但我想知道是否有任何简单的方法来引用 .js 文件中的复杂 HTML 片段,这样我就不需要冗长而复杂的脚本,嵌入 HTML 字符串以在该文件中维护。
I have a bookmarklet written in jQuery where I'm creating elements and adding them to the DOM.
$dot = $('<span class="dot" style="left:0;top:0;" />');
$('body').append($dot);
Is there a way I can include HTML without writing it directly in the .js file? The span above is pretty simple, but how can I create a sophisticated form without making it a maintenance nightmare?
EDIT
To clarify, I know how to load the script via bookmarklet, but I was wondering if there's any easy way to refrence complex pieces of HTML in the .js file so I don't have long, complex, embedded strings of HTML to maintain inside that one file.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
使用 ajax 请求从您的服务器加载一些 html 数据,但请务必将缓存参数添加到您的小书签的脚本中。
document.createElement("script");
,添加源代码,并将其附加到当前页面的某个位置(head、body,由你决定)。编辑:我可能还不够清楚,但您需要从您的域加载脚本文件,然后运行任何 ajax 请求。然后,您的小书签将成为一个容器,用于测试 dom 是否准备就绪,如果准备好,则附加一个脚本(来自您的服务器)。
Use an ajax request to load some html data from your server, but be sure to add a cache param to your bookmarklet's script include.
document.createElement("script");
, add the source, and append it to the current page somewhere (head, body, it's up to you).EDIT: I may not have been clear enough, but you will want to load the script file from your domain which would then run any ajax requests. Your bookmarklet would then just become a container to test if the dom is ready and append a script (from your server) if so.