Question

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

以下是monster.com发布商website的示例。

点击获取示例代码按钮。

<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>

根据您的需要修改代码
在您的html
玩得很棒的嵌入式小部件！

Answer 2

如何在.cs

中创建使用Javascript嵌入

注意：localhost：3197 / website / js / embed / form.js＆＃39 ;; //给你的js路径

FormBuilder（921＆＃39; MjEzNjkxMjU =＆＃39）;在此方法中，第一个参数为表单高度，第二个为表单名称或Id。 Id是编码格式

env:
  matrix:
    - VAR1: "true"
      secure: "kJUVmbb8L26E4UNTp3n...="
    - ...

创建嵌入脚本之后简单方便将此脚本粘贴到要在其后的其他页面中显示的位置

（function（d，t）{var s = d.createElement（t），options = {＆＃39; async＆＃39;：true}; s.src =（＆＃39; https：＆＃39; == d.location.protocol？＆＃39; https：//开头＆＃39; ：＆＃39; http：//＆＃39;）+ ＆＃39;本地主机：3197 /网站/ JS /嵌入/ form.js＆＃39 ;; s.onload = s.onreadystatechange = function（）{var rs = this.readyState;如果（rs） if（rs！=＆＃39; complete＆＃39;）if（rs！=＆＃39; loaded＆＃39;）return;试试{frm = new FormBuilder（921＆＃39; MjEzNjkxMjU =＆＃39）; frm.initialize（选项）; frm.display（）; } catch（e）{}}; var scr = d.getElementsByTagName（t）[0]，par = scr.parentNode; par.insertBefore（s，scr）;}）（document，＆＃39; script＆＃39;）;

在你的js文件中之后创建这样的函数并创建iFrame和create querystring，从数据库中获取表单。

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

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

2 个答案: