Javascript 我找不到我的代码有什么问题_Javascript_Html

Javascript 我找不到我的代码有什么问题

javascript html

Javascript 我找不到我的代码有什么问题,javascript,html,Javascript,Html,我不明白为什么这段代码中div中的第一个按钮在HTML文件中不起作用。我已经检查了许多javaScript和HTML验证程序，但都不起作用。在codecademy.com和w3schools.com上，它可以工作，但不能在HTML文件上工作 <!DOCTYPE html> <html> <head> <style> #b1 { background-image: url('http://images2.fanpop.

我不明白为什么这段代码中div中的第一个按钮在HTML文件中不起作用。我已经检查了许多javaScript和HTML验证程序，但都不起作用。在codecademy.com和w3schools.com上，它可以工作，但不能在HTML文件上工作

<!DOCTYPE html>
<html>
 <head>
  <style>
   #b1 {
        background-image: url('http://images2.fanpop.com/image/photos/14600000/egypt-egyptian-history-14635051-430-287.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }

    div {
        width: 990px;
        padding: 25px;
        border: 2px solid navy;
        margin: 25px;
    }
</style>
</head>
<body id="b1">
 <script>
    var b = 0;
    var a = function () {
        var q = "blah"
        document.getElementById('r').innerHTML = q;
    };

    var g = function () {
        location.reload();
    };
    var ab = function () {
        var p = "blah";
        document.getElementById('r').innerHTML = p;
    };
    var aq = function () {
        var an = "blah";
        document.getElementById('r').innerHTML = t;
    };
    var di = function () {
        var pe = "blah";
        document.getElementById('r').innerHTML = pe;
    };
    var e = true;
    var a = function () {
        if (e === true) {
            e = false;
            document.getElementById('a').innerHTML = "Ancient Egypt";
        }
        else {
            e = true;
            document.getElementById('a').innerHTML = "Erik Low\'s";
        }

    }
    setInterval(function () { a(); }, 4000);
</script><center>
    <div style="background:white" id="r">

        <h1>Ancient Egypt</h1>
        <h2>Achievements</h2>
        <hr />
        <button onclick="a();">Pyramids</button><br /><br />
        <button onclick="ab();">The Sphinx</button><br /><br />
        <button onclick="aq();">Writing</button><br /><br />
        <button onclick="v();">Mummification</button><br /><br />
        <button onclick="di();">Valley Of The Kings</button><br /><br />
    </div>
</center>


#b1{
背景图像：url（'http://images2.fanpop.com/image/photos/14600000/egypt-egyptian-history-14635051-430-287.jpg');
背景重复：无重复；
背景尺寸：封面；
}
div{
宽度：990px；
填充：25px；
边界：2件坚固的海军；
利润率：25px；
}
var b=0；
var a=函数（）{
var q=“诸如此类”
document.getElementById（'r'）.innerHTML=q；
};
var g=函数（）{
location.reload（）；
};
var ab=函数（）{
var p=“blah”；
document.getElementById（'r'）.innerHTML=p；
};
var aq=函数（）{
var an=“blah”；
document.getElementById（'r'）.innerHTML=t；
};
var di=函数（）{
var pe=“blah”；
document.getElementById（'r'）.innerHTML=pe；
};
var e=真；
var a=函数（）{
如果（e==真）{
e=假；
document.getElementById（'a'）.innerHTML=“古埃及”；
}
否则{
e=真；
document.getElementById（'a'）.innerHTML=“Erik Low's”；
}
}
setInterval（函数（）{a（）；}，4000）；
古埃及
成就

金字塔


狮身人面像
书写


木乃伊化


国王谷

您缺少一个

var q= "blah";

也

这是null，因此没有null的innerHTML。

您的JS代码中没有id为'a'的html标记。

t变量、v函数、分号缺失。

 <!DOCTYPE html>
    <html>
    <head>
    <style> #b1{
    background-image: url('http://images2.fanpop.com/image/photos/14600000/egypt-egyptian-history-14635051-430-287.jpg');
    background-repeat:no-repeat;

    background-size:cover;
    }
    div {
    width: 990px;
    padding: 25px;
    border: 2px solid navy;
    margin: 25px;
    }




    </style>
    </head>
    <body id="b1">
    <script>
    var b = 0;
    var a = function() {
    var q= "blah";
    document.getElementById('r').innerHTML = q; 
    };

    var g = function(){
    location.reload();
    };

    var v=function(){
        alert("function v calling");
    }
    var ab=function(){
        var p = "blah";
        document.getElementById('r').innerHTML = p;
         };
         var aq = function(){
        var an = "blah";  
        var t="writing";
     document.getElementById('r').innerHTML = t;
             };
             var di = function(){
                 var pe = "<h1>Valley Of The Kings</h1><hr/><br/><img src=\"http://3.bp.blogspot.com/-YUOUb6HSFcg/UbjX528O3zI/AAAAAAAAFw4/BXgpfsGvHgw/s1600/t1.jpg\" width=\"700\"><br/><h2>What Is The Valley Of The Kings</h2><p>The Valley Of The Kings is a valley in which many pharaohs were burried.</p><br/><h2>Who Was Burried There</h2><br/><p>In the East Valley Of The Kings Ramesses VII,<br/> Ramesses IV, Ramesses XI, Ramesses IX, Ramesses II,<br/> Merenptah, Ramesses V, Ramesses VI, Amenmesse,<br/> Ramesses III, Ramesse Khamenteru, Amenherkhepshef,<br/> Mentuherkhepshef, Twosret, Setnakhte, Seti II, Ramesses I, Seti I, Ramesses X, Mentuherkhepshef,<br/> Thutmose I, Hatshepsut, Tia\'a, Thutmose III, Amenhotep II, Maiherpri,<br/> Amenhotep I, Hatshepsut-Meryetre, Thutmose IV, Userhet, Yuya,<br/> Tjuyu, Siptah, Amenemopet called Pairy, Akhenaten, Horemheb,<br/> Sitre In, and Tutankhamen were burried.<br/> In the West valley Ay, Akhenaten, and Amenhotep III were burried.</p><br/><br/><p>Sources</p>";
                 document.getElementById('r').innerHTML = pe;
                 };
                 var e=true;
    var a = function() {
    if (e===true){
    e=false;
    document.getElementById('r').innerHTML = "Ancient Egypt";
    }
    else{
    e=true;
    document.getElementById('r').innerHTML = "Erik Low\'s";
    }

    }
    setInterval(function(){ a(); }, 4000);
    </script><center>
    <div style="background:white" id="r">

    <h1>Ancient Egypt</h1>
    <h2>Achievements</h2>
    <hr/>
    <button onclick="a();">Pyramids</button><br/><br/>
    <button onclick="ab();">The Sphinx</button><br/><br/>
    <button onclick="aq();">Writing</button><br/><br/>
    <button onclick="v();">Mummification</button><br/><br/>
    <button onclick="di();">Valley Of The Kings</button><br/><br/>
    </div>
    </center>

    </body>
    </html>


#b1{
背景图像：url（'http://images2.fanpop.com/image/photos/14600000/egypt-egyptian-history-14635051-430-287.jpg');
背景重复：无重复；
背景尺寸：封面；
}
div{
宽度：990px；
填充：25px；
边界：2件坚固的海军；
利润率：25px；
}
var b=0；
var a=函数（）{
var q=“blah”；
document.getElementById（'r'）.innerHTML=q；
};
var g=函数（）{
location.reload（）；
};
var v=函数（）{
警报（“功能v调用”）；
}
var ab=函数（）{
var p=“blah”；
document.getElementById（'r'）.innerHTML=p；
};
var aq=函数（）{
var an=“blah”；
var t=“写作”；
document.getElementById（'r'）.innerHTML=t；
};
var di=函数（）{
var pe="国王谷〉〈国王谷〉〉国王谷〉是一个许多法老王被埋葬的山谷。< / P > < BR> >在帝王拉姆西斯七世东谷中，< Br> >拉米斯四世，拉米斯席，拉米斯九世，Ramesses II，< Br/> Melnpth，拉米西V，拉美西斯六世，Amenmesse，< Br> Ramesses II一、 拉美西斯·哈门特鲁、阿蒙赫赫赫普舍夫、门图赫赫赫赫赫普舍夫、托斯雷特、塞特纳赫特、塞蒂二世、拉美西斯一世、塞蒂一世、拉美西斯十世、门图赫赫赫赫普舍夫、图特摩斯一世、哈特摩斯三世、阿蒙霍特普二世、迈赫普里、阿蒙霍特普一世、哈特普苏特梅里特、图特摩斯四世、乌瑟赫特、尤亚、特朱尤、西普塔赫、阿蒙莫贝特称为帕里、阿赫纳滕、阿赫纳滕、霍雷布的阿蒙莫贝，
西特里和图坦卡门被掩埋。
在西谷，艾伊、阿肯纳顿和阿蒙霍特普三世被掩埋。


来源”；
document.getElementById（'r'）.innerHTML=pe；
};
var e=真；
var a=函数（）{
如果（e==真）{
e=假；
document.getElementById（'r'）.innerHTML=“古埃及”；
}
否则{
e=真；
document.getElementById（'r'）.innerHTML=“Erik Low's”；
}
}
setInterval（函数（）{a（）；}，4000）；
古埃及
成就

金字塔


狮身人面像
书写


木乃伊化


国王谷

请将问题中的大小写改为普通的句子大小写，并使用空格而不是制表符整齐地缩进代码。顺便说一句，您的全局代码是在页面中存在任何元素之前运行的。您做了什么来诊断它？是否在调试控制台中检查错误？是否设置了断点并跟踪代码？是否添加了

consol.log（）

语句到您的代码中以跟踪正在发生的事情？发布格式不正确的代码不是一个问题。谢谢您，但我不明白您是如何使它工作的。JS代码中缺少t变量、v函数、分号。答案包含函数中的

var pe

的值，

di

，这在问题中是“废话”，但有些冗长ml在答案中-难以置信的是，答案是正确的。@Hushyborad-你怎么知道pe应该是什么？这个答案在他们编辑这个问题之前是关于这个问题的。在那段代码中，他在

pe

中写了这些东西，但在问题编辑之后，他删除了这些东西。我不自由，因为每次他们在他们的代码中有什么变化。对不起，我有删除我全部代码中的大部分内容，但是

 <!DOCTYPE html>
    <html>
    <head>
    <style> #b1{
    background-image: url('http://images2.fanpop.com/image/photos/14600000/egypt-egyptian-history-14635051-430-287.jpg');
    background-repeat:no-repeat;

    background-size:cover;
    }
    div {
    width: 990px;
    padding: 25px;
    border: 2px solid navy;
    margin: 25px;
    }




    </style>
    </head>
    <body id="b1">
    <script>
    var b = 0;
    var a = function() {
    var q= "blah";
    document.getElementById('r').innerHTML = q; 
    };

    var g = function(){
    location.reload();
    };

    var v=function(){
        alert("function v calling");
    }
    var ab=function(){
        var p = "blah";
        document.getElementById('r').innerHTML = p;
         };
         var aq = function(){
        var an = "blah";  
        var t="writing";
     document.getElementById('r').innerHTML = t;
             };
             var di = function(){
                 var pe = "<h1>Valley Of The Kings</h1><hr/><br/><img src=\"http://3.bp.blogspot.com/-YUOUb6HSFcg/UbjX528O3zI/AAAAAAAAFw4/BXgpfsGvHgw/s1600/t1.jpg\" width=\"700\"><br/><h2>What Is The Valley Of The Kings</h2><p>The Valley Of The Kings is a valley in which many pharaohs were burried.</p><br/><h2>Who Was Burried There</h2><br/><p>In the East Valley Of The Kings Ramesses VII,<br/> Ramesses IV, Ramesses XI, Ramesses IX, Ramesses II,<br/> Merenptah, Ramesses V, Ramesses VI, Amenmesse,<br/> Ramesses III, Ramesse Khamenteru, Amenherkhepshef,<br/> Mentuherkhepshef, Twosret, Setnakhte, Seti II, Ramesses I, Seti I, Ramesses X, Mentuherkhepshef,<br/> Thutmose I, Hatshepsut, Tia\'a, Thutmose III, Amenhotep II, Maiherpri,<br/> Amenhotep I, Hatshepsut-Meryetre, Thutmose IV, Userhet, Yuya,<br/> Tjuyu, Siptah, Amenemopet called Pairy, Akhenaten, Horemheb,<br/> Sitre In, and Tutankhamen were burried.<br/> In the West valley Ay, Akhenaten, and Amenhotep III were burried.</p><br/><br/><p>Sources</p>";
                 document.getElementById('r').innerHTML = pe;
                 };
                 var e=true;
    var a = function() {
    if (e===true){
    e=false;
    document.getElementById('r').innerHTML = "Ancient Egypt";
    }
    else{
    e=true;
    document.getElementById('r').innerHTML = "Erik Low\'s";
    }

    }
    setInterval(function(){ a(); }, 4000);
    </script><center>
    <div style="background:white" id="r">

    <h1>Ancient Egypt</h1>
    <h2>Achievements</h2>
    <hr/>
    <button onclick="a();">Pyramids</button><br/><br/>
    <button onclick="ab();">The Sphinx</button><br/><br/>
    <button onclick="aq();">Writing</button><br/><br/>
    <button onclick="v();">Mummification</button><br/><br/>
    <button onclick="di();">Valley Of The Kings</button><br/><br/>
    </div>
    </center>

    </body>
    </html>