html页面作为一个小部件

Posted 2021-04-13

假设我有一个小部件就像一个简单的兴趣计算器，它位于文件index.html中，它有一个javascript部分（具有逻辑和样式）。代码使用javascript，html，bootstrap，ajax和chartjs。

如何将其制作成可以复制并粘贴到我的wordpress网站的单行窗口小部件？像div里面的东西。这样我就可以复制div和脚本文件的链接，从而将我的计算器放在多个站点的页面上。

elements to embed is in a html file named-index.html
the html file is also on a site like someexamplesite.com/pages.html 
logic and style in a js file: simpleinterest.js

答案

您可以使用iframe将您的计算器嵌入其他网站，如下所示：

<iframe src="https://someexamplesite.com/pages.html"></iframe>