第二章 js输出、语句、变量、注释

  1. JavaScript输出
    如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。
    请使用 “id” 属性来标识 HTML 元素:
    !DOCTYPE html>
    html>
    body>
    h1>My First Web Page/h1>
    p id=”demo”>My First Paragraph/p>

    //操作HTML元素
    script>
    document.getElementById(“demo”).innerHTML=”My First JavaScript”;
    /script>

    //写到文档输出
    script>
    document.write(“p>My First JavaScript/p>”);
    /script>

    //整个 HTML 页面将被覆盖
    button οnclick=”myFunction()”>点击这里/button>
    script>
    function myFunction()
    {
    document.write(“糟糕!文档消失了。”);
    }
    /script>

    /body>

    /html>

    把整个html页面的显示想象为一个document对象
    览器将访问 id=”demo” 的 HTML 元素,并把它的内容(innerHTML)替换为 “My First JavaScript”。

    警告:**请使用 document.write() 仅仅向文档输出写内容。
    如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖**

  2. JavaScript 语句

    JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
    下面的 JavaScript 语句向 id=”demo” 的 HTML 元素输出文本 “Hello World”:
    document.getElementById(“demo”).innerHTML=”Hello World”;

    分号 ;
    分号用于分隔 JavaScript 语句。
    通常我们在每条可执行的语句结尾添加分号。
    使用分号的另一用处是在一行中编写多条语句。
    提示:您也可能看到不带有分号的案例。
    在 JavaScript 中,用分号来结束语句是可选的。

    JavaScript 代码(或者只有 JavaScript)是 JavaScript 语句的序列。
    浏览器会按照编写顺序来执行每条语句。
    本例将操作两个 HTML 元素:

    JavaScript 语句通过代码块的形式进行组合。
    块由左花括号开始,由右花括号结束。
    块的作用是使语句序列一起执行。
    JavaScript 函数是将语句组合在块中的典型例子。
    下面的例子将运行可操作两个 HTML 元素的函数:
    实例
    function myFunction()
    {
    document.getElementById(“demo”).innerHTML=”Hello World”;
    document.getElementById(“myDIV”).innerHTML=”How are you?”;
    }

    JavaScript 对大小写是敏感的。
    当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
    函数 getElementById 与 getElementbyID 是不同的。
    同样,变量 myVariable 与 MyVariable 也是不同的。

    空格
    JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:
    var name=”Hello”;
    var name = “Hello”;

    对代码行进行折行
    您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:
    document.write(“Hello \
    World!”);
    不过,您不能像这样折行:
    document.write \
    (“Hello World!”);

  3. JavaScript 注释
    JavaScript 不会执行注释。
    单行注释以 // 开头。
    // 输出标题:
    document.getElementById(“myH1”).innerHTML=”Welcome to my Homepage”;

    JavaScript 多行注释
    多行注释以 /* 开始,以 */ 结尾。

    /*
    下面的这些代码会输出
    一个标题和一个段落
    并将代表主页的开始
    */
    document.getElementById(“myH1”).innerHTML=”Welcome to my Homepage”;

提示:JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值