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

Question

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

我的问题是，有没有一种方法可以将这些“div”包含在 .js、.css 或源 self 的 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”之类的东西)运行此文件以进行调试。