Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 嵌入技术_Javascript_Styles_Embed - Fatal编程技术网

Javascript 嵌入技术

Javascript 嵌入技术,javascript,styles,embed,Javascript,Styles,Embed,我正在寻找一种很好的方法,让网站管理员能够嵌入我网站上的内容,为他们提供一个简单的javascript代码片段 两件事: 如果我附上一个样式表,它不会破坏他们的吗 内联或附加CSS,他们的样式仍然有可能破坏我的样式 FB或Youtube使用什么技术来允许在不使用iFrame的情况下嵌入内容 Thx,FB使用iFrame 您可以创建一个content.html文件,您或其他页面可以通过ajax加载该文件。其中content.html不包含整个页面,只包含内容部分。比如: <h1>T

我正在寻找一种很好的方法,让网站管理员能够嵌入我网站上的内容,为他们提供一个简单的javascript代码片段

两件事:

  • 如果我附上一个样式表,它不会破坏他们的吗
  • 内联或附加CSS,他们的样式仍然有可能破坏我的样式
FB或Youtube使用什么技术来允许在不使用iFrame的情况下嵌入内容

Thx,

FB使用iFrame

您可以创建一个content.html文件,您或其他页面可以通过ajax加载该文件。其中content.html不包含整个页面,只包含内容部分。比如:

<h1>This is important</h1>
<p>here is some text.</p>
这很重要
这里有一些文字

例如,使用jQuery,您可以将一个html文件放在一个div中,如下所示:
$('#result').load('content.html')


但我认为这取决于你想分享什么以及分享给谁。也许REST API在您的情况下会更好?

这只是一种印象,但实际上Facebook和其他社交网络确实使用iFrame。但它们是由JS创建的,您还必须嵌入JS,使他们的技术选择更加强大。稍后,他们可能会更新JS,然后删除iframe以支持其他内容

但是,目前,您嵌入了一个带有给定CSS类a
data href
,以及JS的div。脚本将找到那些div
.fb post
,并用包含数据属性指示的post的iframe填充它


如果你想让事情变得更简单,你最好给你的用户一个iframe,里面有一个响应页面。

如果我使用这种技术,它不会破坏嵌入内容的页面样式吗?而且嵌入的内容不会应用“主机”的样式?您不需要在文件中放置样式。你只需要简单的HTML。每个人都可以对其应用自己的CSS样式。