在库中包含 <div></div>答案

【问题标题】：Including <div></div> in a library在库中包含 <div></div>
【发布时间】：2015-01-24 23:31:00
【问题描述】：

我的 Javascript 函数使用 document.getElementById('ID_NAME').style.display='block' 调用了一些“div”部分。

我的问题，有没有办法将这些“div”包含在来自我的标头的 .js、.css 或其他类型的库中？

如果我将 div 代码直接复制并粘贴到头部，它可以正常工作，但是，当我尝试将它包含在我的 .js 或 .css 库中时，它不会执行。

代码

<script type="text/javascript>

function myFunction() {
var a = window.location.href;
var b = "http://www.myblog.com/";

if (a == b) {
setTimeout(function(){ 
document.getElementById('EXAMPLE1').style.display='block';}, 3000);}} 

window.onload = myFunction();

</script>

<div id="EXAMPLE1" class="offer_content">
<embed src="http://www.domain.com/" width="100%" 
height="100%">
</div>

我知道必须有一种方法可以将“div”代码插入到库中。我需要我的一些客户轻松地将其“src”到他们自己的网站中。

非常感谢 Stack 社区！

乔恩

【问题讨论】：

插入一个div是什么意思？解决此问题的方法是创建 DOM 元素并将其附加到 body。
这里的“库”是什么意思？
澄清“div”。我正在寻找一个 3rd 方网站源我的 .js 文件、我的 .css 文件以及一个包含我的 .js 文件调用的所有
的文件。示例：
代码的文件....它仅在我输入

时才有效代码直接进入标题。我需要一种方法来获取与 .js 文件或 .css 文件相同的代码。

标签： javascript html css function header

【解决方案1】：

在另一个单独的 JS 文件中，divs.js：

divs.js

function changeDiv(){
    document.getElementById('EXAMPLE1').style.display='block';
}

index.html

<script src="divs.js"></script>
<script type="text/javascript">

function myFunction() {
var a = window.location.href;
var b = "http://www.myblog.com/";

if (a == b) {
    setTimeout(changeDiv, 3000);
}

window.onload = myFunction();

</script>

<div id="EXAMPLE1" class="offer_content">
<embed src="http://www.domain.com/" width="100%" 
height="100%">
</div>

此外，您的代码中似乎存在语法错误。尝试使用 JS 控制台（使用“Firebug”之类的东西）运行此文件以进行调试。

【讨论】：

setTimeout(changeDiv, 3000);
感谢您，但是问题仍然存在。努力尝试和简化事情（这样每个人都可以继续解决其他令人沮丧的问题）。我所需要的只是将以下代码从 3rd 方源导入到我的标头中（就像您对 .js 文件和 .css 文件所做的那样）。代码：
。我只知道如何将.js文件和.css文件导入到我的header中，我用什么来导入带有上面代码的文件？

【解决方案2】：

我想发帖说我终于解决了这个问题。虽然我的 Javascript 库不支持其中包含 一些代码 的代码，但我能够使用 DOM 转换所有内容。

旧代码::

<div id="EXAMPLE1" class="offer_content">
<embed src="http://www.domain.com/" width="100%" 
height="100%">
</div>

新代码::

var embed = document.createElement('embed');
embed.setAttribute("src", "http://www.domain.com/");
embed.setAttribute("width", "100%"); 
embed.setAttribute("height", "100%");

var content = document.createElement('div');
content.id = 'EXAMPLE1';
content.className = 'offer_content';

content.appendChild(embed);

document.getElementsByTagName('body')[0].appendChild(content);

【讨论】：