Question

我有几个＆＃34; div＆＃34;我的Javascript函数使用document.getElementById（＆＃39; ID_NAME＆＃39;）调用的部分.style.display =＆＃39; block＆＃39;。

我的问题是，有没有办法将这些＆＃34; div＆＃34;在.js，.css或来自我的标题的其他类型的库？

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

CODE

<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>

我知道必须有一种方法来插入＆＃34; div＆＃34;代码到库中。我需要一些客户来＆＃34; src＆＃34;它很容易进入自己的网站。

非常感谢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控制台运行此文件（使用＆＃34; Firebug＆＃34;之类的东西）进行调试。

Answer 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);

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

2 个答案: