如何向其他人提供在其网站上显示我的网站内容?

时间:2014-04-19 07:53:12

标签: javascript php html

我想知道通过script标记或iframe嵌入网站,我可以通过其方式让其他人在其网站上显示我的网站内容的方法。我看过一些网站显示一些内容,例如锦标赛装置,并通过复制和粘贴脚本标签或iframe为访问者提供在网站中嵌入相同内容的内容。

YouTube还提供在其他网站上嵌入视频。因此,内容可以是div或table或视频。那我怎么能这样做呢?

我认为this question与我正在搜索的内容有关。但它没有详细阐述解决方案。我不知道外部脚本文件将如何显示内容。请注意,我使用PHP作为服务器端语言。

1 个答案:

答案 0 :(得分:1)

所以你想让其他网站嵌入一个iframe,显示你网站上的部分内容,而不是整个网站。您可以做的(尽管可能不是唯一的解决方案)是获取您想要分享的内容,比如博客文章,并将其制作成独立的HTML页面。

因此,请创建一个包含网址foobar.com/blog/post1的网页,但它只包含帖子,而不是整个网站布局,导航栏,页脚等。(如果您使用的是MVC或制作SPA网站,则会出现这种情况) 。确保包含必要的样式和脚本。

然后可以将其包含在iframe中:<iframe src="http://foobar.com/blog/post1"></iframe>

另一种方法是编写API,其他网站可以将您的博客文章(或图片,内容或其他内容)请求为.JSON对象,可能包含HTML作为字符串。

确实有很多选项,具体取决于它是静态还是动态内容。对于动态,我建议使用包含迷你app的iframe,它通过API获取更新数据,如果必须是实时的话,甚至可以使用websockets。

并且不要忘记在服务器上处理CORS。


修改

所以你想提供一个JS文件供其他人在他们的代码中包含,类似于从CDN请求JS库:

https://code.jquery.com/jquery-git2.js

在这种情况下,您可以从某人的服务器加载JS文件。同样,您为其他网站提供了一个JS文件。这个JS将通过HTTP请求从您的服务器加载内容。有许多库可以促进这一点,尝试学习JQuery Ajax (tutoriallink)

然后正如@halfer建议的那样,您要求网站所有者拥有一个div,其中包含一个唯一ID,例如'your_website_name',您的JS脚本会搜索并填充从您的服务器收到的数据。

<div id="your_website_name"> </div>

注意:

你的问题非常模糊,所以不要厌恶SO社区试图提供帮助。在评论中,他们添加了一些想法,以刺激其他用户&#39;答案,否则他们会发布答案。

我认为你实际上在寻找的是如何通过JS填充HTML,并通过网络提取数据,因为你似乎知道其余的。阅读这些术语,如果您的&#34; applet&#34;可能会查看一些JS库,例如JQUERYMootools甚至MVC框架。非常复杂。

如果您需要更多帮助,请发布有关您的用例的新的更具体的问题,到目前为止您编写的任何代码也都有帮助。