使用 javascript 导入 HTML 代码

Importing HTML code with javascript

本文关键字：代码 HTML 导入 javascript 使用      更新时间：2023-09-26

我正在创建一个非常简单的个人用户脚本。我希望它做的是从其他地方导入 html 代码(即我的公共 Dropbox 文件夹中的文件(。

我在想这样的事情：

var element = document.getElementById("notes");
var widget = ??? //import HTML form publicly accesible file
element.innerHTML = widget

可能吗？优选纯香草JS。

你的问题继续到这个，如何在纯javascript中发出ajax http请求。

如何获取 XMLHttpRequest 的响应？

但我真的建议你使用 jquery 或任何其他轻量级的 JavaScript 来做到这一点。无论是语法更容易，还是浏览器与IE的兼容性。

使用jquery，你可以做到：

var element = document.getElementById("notes");
$.get('dropbox url').done(function(data){
   element.innerHTML = data;
});

我希望这有所帮助。

更新 1：对不起，我忘记了跨域政策。它可能不会像我描述的那样工作。对于您来说，最好的方法是添加一个 iframe，您希望您的页面在其中加载它。

相关文章：