将javascript代码与html代码一起使用_Javascript_Html

将javascript代码与html代码一起使用

javascript html

将javascript代码与html代码一起使用,javascript,html,Javascript,Html,我不熟悉HTML和JavaScript。我的HTML页面中有下面的代码，但它没有给出预期的输出 <body> <script> var a=1; if(a==2) </script> <h3>this is h3 heading.</h3> </body> var a=1；如果（a==2）这是h3航向。输出为这是h3标题，但我认为该条件失败，因此不会产生任何结果。我怎样才能

我不熟悉HTML和JavaScript。我的HTML页面中有下面的代码，但它没有给出预期的输出

<body>
    <script>
    var a=1;
    if(a==2)
    </script>
    <h3>this is h3 heading.</h3>
</body>


var a=1；
如果（a==2）
这是h3航向。

输出为

这是h3标题

，但我认为该条件失败，因此不会产生任何结果。我怎样才能让它运行呢？谁能告诉我，上面的javascript代码和html是如何工作的。

我的确切疑问是，当HTML页面由HTML标记和JavaScript代码组成时，HTML标签和JS代码是由谁以及如何执行的？

< P>如果你想使用这样的条件，你应该考虑使用PHP，或者你必须调整代码，一个可能的解决方案是：

       <BODY>
             <div id="test">

             </div>
                <script>
                 var a=1;
                 if(a==2)
                 document.getElementById("test").innerHTML="<h3>this is h3 heading</h3>";
                </script>
                 </BODY>


var a=1；
如果（a==2）
document.getElementById（“test”）.innerHTML=“这是h3标题”；

这样，如果脚本中的条件返回true，就可以编辑带有id测试的标记的innerHTML，即内容。你也可以用PHP来解决这个问题，但是既然你说你是HTML新手，你可能应该先试试JS解决方案

关于

< P>如果你想使用这样的条件，你应该考虑使用PHP或者你必须调整代码，一个可能的解决方案是：

       <BODY>
             <div id="test">

             </div>
                <script>
                 var a=1;
                 if(a==2)
                 document.getElementById("test").innerHTML="<h3>this is h3 heading</h3>";
                </script>
                 </BODY>


var a=1；
如果（a==2）
document.getElementById（“test”）.innerHTML=“这是h3标题”；

问候

欢迎使用Javascript-这是您的代码

<body>
    <h3 id="header"></h3>
    <script>
    var a = 1; //set a to 1
    if (a == 2) { //if a is 2 then...
        document.getElementById("header").innerHTML = "This is h3 Heading!"; //output
    }
    </script>
</body>


var a=1//将a设置为1
如果（a==2）{//如果a是2，那么。。。
document.getElementById（“header”）.innerHTML=“这是h3 Heading！”；//输出
}

下面是一个JSFIDLE，其中包含一个函数和click事件的扩展代码。只需单击“结果”区域，将

增加1，即可获得结果！！

欢迎使用Javascript-这是您的代码

<body>
    <h3 id="header"></h3>
    <script>
    var a = 1; //set a to 1
    if (a == 2) { //if a is 2 then...
        document.getElementById("header").innerHTML = "This is h3 Heading!"; //output
    }
    </script>
</body>


var a=1//将a设置为1
如果（a==2）{//如果a是2，那么。。。
document.getElementById（“header”）.innerHTML=“这是h3 Heading！”；//输出
}

下面是一个JSFIDLE，其中包含一个函数和click事件的扩展代码。只需单击“结果”区域，将

增加1，即可获得结果！！

我认为这里的问题是JavaScript的工作方式与PHP等预处理器完全不同。这里要了解的最重要的一点是，每个

块都是单独运行的，对周围的HTML没有影响

因此，当您将JavaScript和HTML混合在一起（如在您的示例中）时，它将按以下顺序执行这些操作：

设置空页（

）

在

将

添加到页面（包括所有文本）

JavaScript在第2步中所做的任何事情都不会改变第3步。这些步骤都是完全独立的。无论您的

if

语句成功还是失败，步骤3都会发生

那么你应该怎么做呢？（我认为）一个好的开始模式是将所有JavaScript放在页面底部。这样，只有两个步骤：

加载页面

运行JavaScript

在步骤1中加载页面后，JavaScript可以在步骤2中更改页面。例如：

<html>
    <head>
        <title>Demo page</title>
    </head>
    <body>
        Today is a <span id="mood-result">???</span> day.

        <script>
            var resultElement = document.getElementById('mood-result');
            var a = 1;
            if (a === 2) {
                resultElement.innerHTML = "bad";
            } else {
                resultElement.innerHTML = "good";
            }
        </script>
    </body>
</html>


演示页
今天是一个？？？白天
var resultElement=document.getElementById（'mood-result'）；
var a=1；
如果（a==2）{
resultElement.innerHTML=“坏”；
}否则{
resultElement.innerHTML=“良好”；
}

所以这里发生的事情是整个页面加载（说“今天是？？？天”），然后JavaScript立即从页面中提取一个元素，并对其进行更改

我认为StackOverflow不是一个从零开始学习语言的好地方。然而，希望这能让你更好地理解另一本指南。你试过了吗？