美文网首页
JavaScript简介、如何快速学习java

JavaScript简介、如何快速学习java

作者: java老大哥 | 来源:发表于2018-10-16 13:09 被阅读0次

    JavaScript 简介

    跳小黄鸭舞蹈

    JavaScript 是世界上最流行的编程语言。

    这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

    JavaScript 是脚本语言

    JavaScript 是一种轻量级的编程语言。

    JavaScript 是可插入 HTML 页面的编程代码。

    JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

    JavaScript 很容易学习。

    我开始学到的内容,分享一下

    下面是我学到的主要内容。

    JavaScript:写入 HTML 输出

    实例

    document.write("

    This is a heading

    ");

    document.write("

    This is a paragraph

    ");

    看完实例,我亲自试验了一下。

    <!DOCTYPE html>

    <html>

    <body>

    <p>

    JavaScript 能够直接写入 HTML 输出流中:

    </p>

    <script>

    document.write("<h1>This is a heading</h1>");

    document.write("<p>This is a paragraph.</p>");

    </script>

    <p>

    您只能在 HTML 输出流中使用 <strong>document.write</strong>。

    如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。

    </p>

    </body>

    </html>

    提示:您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。

    JavaScript:对事件作出反应

    实例

    点击这里

    <!DOCTYPE html>

    <html>

    <body>

    <h1>我的第一段 JavaScript</h1>

    <p>

    JavaScript 能够对事件作出反应。比如对按钮的点击:

    </p>

    <button type="button" onclick="alert('Welcome!')">点击这里</button>

    </body>

    </html>

    alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。

    onclick 事件只是您即将在本教程中学到的众多事件之一。

    JavaScript:改变 HTML 内容

    使用 JavaScript 来处理 HTML 内容是非常强大的功能。

    实例

    x=document.getElementById("demo") //查找元素

    x.innerHTML="Hello JavaScript"; //改变内容

    <!DOCTYPE html>

    <html>

    <body>

    <h1>我的第一段 JavaScript</h1>

    <p id="demo">

    JavaScript 能改变 HTML 元素的内容。

    </p>

    <script>

    function myFunction()

    {

    x=document.getElementById("demo"); // 找到元素

    x.innerHTML="Hello JavaScript!"; // 改变内容

    }

    </script>

    <button type="button" onclick="myFunction()">点击这里</button>

    </body>

    </html>

    您会经常看到 document.getElementByID("some id")。这个方法是 HTML DOM 中定义的。

    DOM(文档对象模型)是用以访问 HTML 元素的正式 W3C 标准。

    您将在本教程的多个章节中学到有关 HTML DOM 的知识。

    关注我,我会从我0到有,分享分享,好与坏,旨在分享吧。

    相关文章

      网友评论

          本文标题:JavaScript简介、如何快速学习java

          本文链接:https://www.haomeiwen.com/subject/zhqhzftx.html