我有工作门户网站,其他用户可以使用他们的网站和博客的服务。 他们复制嵌入代码从我的网站,在其网页上粘贴到自己的网站和显示的工作板。 如何创建这个嵌入代码有人能帮助我。
这里是例如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>
有许多方法来达到自己的目标。 当你没有明确说明您的需求,我只是提供一个简单的例子:
<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摆脱这种代码
- 有乐趣你真棒嵌入的小部件!
如何创建的.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);
}