JavaScript 语句

Posted larken

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 语句相关的知识,希望对你有一定的参考价值。

javascript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
JavaScript 语句
    JavaScript 语句是发给浏览器的命令。
    这些命令的作用是告诉浏览器要做的事情。
    下面的 JavaScript 语句向 id="demo" 的 html 元素输出文本 "你好 Dolly" :
<!DOCTYPE html>
<html>
    <head> 
        <meta charset="utf-8"> 
        <title>菜鸟教程(runoob.com)</title> 
    </head>
    <body>
        <h1>我的网页</h1>
        <p id="demo">我的第一个段落。</p>
        <script>
            document.getElementById("demo").innerHTML = "你好 Dolly";
        </script>
    </body>
</html>
分号 ;
    分号用于分隔 JavaScript 语句。
    通常我们在每条可执行的语句结尾添加分号。
    使用分号的另一用处是在一行中编写多条语句。
<!DOCTYPE html>
<html>
    <head> 
        <meta charset="utf-8"> 
        <title>菜鸟教程(runoob.com)</title> 
    </head>
    <body>
        <h1>我的网页</h1>
        <p id="demo1"></p>
        <p id="demo2"></p>
        <script>
            a = 1;
            b = 2;
            c = a + b;
            document.getElementById("demo1").innerHTML = c;
            x = 1; y = 2; z = x + y;
            document.getElementById("demo2").innerHTML = z;
        </script>
    </body>
</html>
JavaScript 代码
    JavaScript 代码是 JavaScript 语句的序列。
    浏览器按照编写顺序依次执行每条语句。
    本例向网页输出一个标题和两个段落:
<!DOCTYPE html>
<html>
    <head> 
        <meta charset="utf-8"> 
        <title>菜鸟教程(runoob.com)</title> 
    </head>
    <body>
        <h1>我的 Web 页面</h1>
        <p id="demo">一个段落。</p>
        <div id="myDIV">一个 DIV。</div>
        <script>
            document.getElementById("demo").innerHTML="你好 Dolly";
            document.getElementById("myDIV").innerHTML="你最近怎么样?";
        </script>
    </body>
</html>
JavaScript 代码块
    JavaScript 可以分批地组合起来。
    代码块以左花括号开始,以右花括号结束。
    代码块的作用是一并地执行语句序列。
    本例向网页输出一个标题和两个段落:
<!DOCTYPE html>
<html>
    <head> 
        <meta charset="utf-8"> 
        <title>菜鸟教程(runoob.com)</title> 
    </head>
    <body>
        <h1>我的 Web 页面</h1>
        <p id="myPar">我是一个段落。</p>
        <div id="myDiv">我是一个div。</div>
        <p><button type="button" onclick="myFunction()">点击这里</button></p>
        <script>
        function myFunction(){
                document.getElementById("myPar").innerHTML="你好世界!";
                document.getElementById("myDiv").innerHTML="你最近怎么样?";
            }
        </script>
        <p>当您点击上面的按钮时,两个元素会改变。</p>
    </body>
</html>
提示:JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。

 

以上是关于JavaScript 语句的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段

javascript JS-常用代码片段