Question

我的网站上有一些图表，我希望其中一些可以嵌入其他网站，可以在不同的域。

基本上这些图表是唯一的并且有ID，示例：

...
<HTML>
...
<div id ="group1" name="G1" style="width: 900px; height: 300px; margin: 0 auto">
    <div id="graph_1" style="width: 400px; height: 300px; float: left"> </div>
    <div id="graph_2" style="width: 400px; height: 300px; float: left"></div>
</div>

<div id ="group2" name="G2" style="width: 900px; height: 300px; margin: 0 auto">
    <div id="graph_3" style="width: 400px; height: 300px; float: left"> </div>
    <div id="graph_4" style="width: 400px; height: 300px; float: left"></div>
</div>

....
</HTML>

在另一个网站上，可能是不同的域

我希望其他开发者可以通过简单的方式轻松添加内容，例如使用 iframe ，这可能会抓住我的网页的某个部分。的例如：

 ...
      <iframe src="http://www.myWebAddress/page.html/#graph_1"  -->
        scrolling="no" frameborder="no" width="400" height="300">
     </iframe>
...

但这不起作用，它包括整个页面！我可以在源（我的页面）中做些什么来改变这一点？

问候。

Answer 1

只有在创建一个仅包含图形的新唯一页面时才可能。然后在iframe中使用它。

<iframe src="http://www.myWebAddress/page.html?showonly=graph_1"
  scrolling="no" frameborder="no" width="400" height="300">
</iframe>

在这里阅读，如何在js http://alexmarandon.com/articles/web_widget_jquery/

中创建一个好的小部件

或新的边缘网络组件https://hacks.mozilla.org/category/web-components/

允许将网站的某些部分嵌入到其他网站和不同的域中

1 个答案: