在小书签中将 HTML 与 JavaScript 解耦
（想不出一个好的标题 :(( )
大家好，
我正在开发一个书签。单击它会在用户正在查看的页面上创建一个工具栏。上面涉及从我的页面中提取各种 javascript 和 css 文件 但是
我不想将工具栏的 HTML 编码为我的 JavaScript 中的字符串，所以我尝试使用隐藏的 iframe 来加载我的工具栏，然后抓取一段 html 来插入， 立即遇到了跨域问题。
我想到的一个解决方案是以 JSON 格式发送工具栏的 html，但这似乎有点“hacky”
？
谢谢。
(Can't think of a good title :(( )
Hey all,
I'm developing a bookmarklet. When clicked on it creates a toolbar on the page the user is looking at. The above involves pulling various javascript and css files from my server and injecting them into the pages DOM.
I don't want to encode toolbar's HTML as a string inside one of my javascripts. So I've tried using hidden iframes to load my toolbar and then grabbing a fragment of html to insert, but immediately ran into cross-domain issues.
One solution spring to mind is sending my toolbar's html in JSON, but that seems a bit "hacky"?
What would be a good solution to the problem avoiding difficult-to-maintain html strings in javascript?
Thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
不知道是否有帮助，这里有 2 个工具栏书签示例：
Don't know if it will help, here are 2 examples of toolbar bookmarklets: