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

Question

我的 Javascript 函数使用 document.getElementById('ID_NAME').style.display=[=32= 调用了一些 "div" 部分].

我的问题是，有没有办法将这些 "div's" 包含在 .js、.css 或来自我的 header 的其他类型的库中？

如果我将 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 社区！

乔恩

Answer 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" 之类的东西）进行调试。

Answer 2

我想 post 我终于解决了这个问题。虽然我的 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);

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

Including <div></div> in a library

html

javascript

css

header

function