如何为其他网站创建嵌入代码

Question

我有一个职位门户服务,其他用户可以使用他们的网站和博客.他们从我的网站复制嵌入代码,将其粘贴到他们的网站并在他们的网页中显示工作板.如何创建这个嵌入代码任何人都可以帮助我.

这是monster.com发布商网站的示例.

单击获取示例代码按钮.

<div id="MonsterJobSearchResultPlaceHolderIy8AAA_e_e" class="xmns_distroph"></div>
<script type="text/javascript">
(function() {
  var oScript = document.createElement('script');
  oScript.type = 'text/javascript';
  oScript.async = true;
  oScript.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'publisher.monster.com/Services/WidgetHandler.ashx?WidgetID=EAAQgDMlA5vzabXFzuv86ZpLpA--&Verb=Initialize';
  var oParent = document.getElementsByTagName('script')[0];
  oParent.parentNode.insertBefore(oScript, oParent);
})();
</script>
<a id="monsterBrowseLinkIy8AAA_e_e" class="monsterBrowseLink fnt4" href="http://jobsearch.monster.com/browse/">View More Job Search Results</a>

Answer 1

有很多方法可以达到目标.由于您没有明确解释您的需求,我只提供一个简单的示例:

<script type='text/javascript' charset='utf-8'>     
   var iframe = document.createElement('iframe');       
   document.body.appendChild(iframe);

   iframe.src = 'URL OF CONTENT YOU WANT TO PROVIDE';       
   iframe.width = 'THE WIDTH YOU WANT';
   iframe.height = 'THE HEIGHT YOU WANT';
</script>

1. 根据您的需要修改代码
2. 在你的HTML中转义此代码
3. 玩得很开心的嵌入式小部件!