如何创建用于其他网站嵌入代码(How to create embed code for other

2019-07-17 17:28发布

我有工作门户网站,其他用户可以使用他们的网站和博客的服务。 他们复制嵌入代码从我的网站,在其网页上粘贴到自己的网站和显示的工作板。 如何创建这个嵌入代码有人能帮助我。

这里是例如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. 有乐趣你真棒嵌入的小部件!


Answer 2:

如何创建的.cs嵌入用JavaScript

注:本地主机:3197 /网站/ JS /嵌入/ form.js'; //给你的js路径

FormBuilder(921 'MjEzNjkxMjU ='); 在这种方法中第一个参数给你的表格的高度和第二个表单名称或ID。 有编号的编码格式

StringBuilder sb = new StringBuilder();
    sb.Append("<script type='text/javascript'>");
    sb.Append("(function(d, t) { var s = d.createElement(t), options = {");
    sb.Append("'async':true };");
    sb.Append("s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'localhost:3197/website/js/embed/form.js';");
    sb.Append("s.onload = s.onreadystatechange = function() {");
    sb.Append("var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;");
    sb.Append("try { frm = new FormBuilder("+Form Height+",'"+FormId+"');frm.initialize(options);frm.display(); }");
    sb.Append("catch (e) {}};");
    sb.Append("var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);");
    sb.Append("})(document, 'script');</script>");

    txtjavascript.Value = sb.ToString();  // text box name

创建后嵌入脚本简单,你想在以后的其他页面显示简单的方法粘贴此脚本

(函数(d,t)的{变种S = d.createElement(T),选项= { '异步':真}; s.src =(的 'https:'?== d.location.protocol的“https:// ': 'HTTP://')+ '本地主机:3197 /网站/ JS /嵌入/ form.js'; s.onload = s.onreadystatechange =函数(){风险RS = this.readyState;若(RS)如果(RS = '完整'!)如果(RS = '装'!)回报;尝试{FRM =新FormBuilder(921, 'MjEzNjkxMjU ='); frm.initialize(选项); frm.display();}赶上(五){}}; VAR SCR = d.getElementsByTagName(T)[0],PAR = scr.parentNode; par.insertBefore(S,SCR);})(文件, '脚本');

这之后你的js文件中像这样创建功能及创建的iFrame ANS创造一个你获取从数据库中查询字符串的形式。

function FormBuilder(fHeight, formid) {

    var iframe = document.createElement('iframe');
    iframe.style = "height:" + fHeight + "px; width:100%; border:none";
    iframe.setAttribute('allowTransparency', true);
    iframe.frameBorder = "0";
    iframe.scrolling = "no";
    iframe.src = "http://localhost:3197/form/show-form?id="+ formid;
    document.body.appendChild(iframe);
}


文章来源: How to create embed code for other sites