Javascript 如何为其他站点创建嵌入代码
我有一个工作门户服务,其他用户可以在他们的网站和博客上使用。他们从我的网站复制嵌入代码,粘贴到他们的网站上,并在他们的网页上显示工作板。如何创建这个嵌入代码任何人都可以帮助我 下面是monster.com发布者的示例 单击获取示例代码按钮Javascript 如何为其他站点创建嵌入代码,javascript,html,embed,Javascript,Html,Embed,我有一个工作门户服务,其他用户可以在他们的网站和博客上使用。他们从我的网站复制嵌入代码,粘贴到他们的网站上,并在他们的网页上显示工作板。如何创建这个嵌入代码任何人都可以帮助我 下面是monster.com发布者的示例 单击获取示例代码按钮 <div id="MonsterJobSearchResultPlaceHolderIy8AAA_e_e" class="xmns_distroph"></div> <script type="text/javascript"&g
<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>
(功能(){
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];
opparent.parentNode.insertBefore(oScript,opparent);
})();
实现目标的方法有很多。由于您没有明确解释您的需求,我只提供了一个简单的示例:
<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>
var iframe=document.createElement('iframe');
document.body.appendChild(iframe);
iframe.src='要提供的内容的URL';
iframe.width='所需的宽度';
iframe.height='您想要的高度';
如何在.cs中使用Javascript创建嵌入 注:localhost:3197/website/js/embed/form.js';//给出你的js路径 FormBuilder(921,“MjEzNjkxMjU=”);在这个方法中,第一个参数给出表单高度,第二个参数给出表单名称或Id。Id是编码格式
这实际上取决于您希望嵌入代码的外观。它应该是什么样子?只需通过iframe提供您的嵌入。这对youtube来说已经足够好了,对任何其他网站来说都应该足够好了。我相信这是你的css造成的问题。你可以用一个div包装这个脚本并修改div的位置。嘿@user1939164,你的嵌入式小部件准备好了吗?如果这个答案解决了您的问题,请记住接受它:)这个演示有问题吗?未捕获的TypeError:无法读取Null的属性“appendChild”。应将此代码段放在文件末尾。您将其放在顶部,因此代码无法获取尚未生成的“body”。
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
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);
}