• JavaScript简介


    JavaScript是一门WEB的编程语言,几乎现代所有的 HTML 页面都使用 JavaScript。听说JavaScript 非常容易学,所以现在开始零基础学习JavaScript :avaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript是一门脚本语言,是可以插入html的编程代码,

    下面是一个简单的JS实例:

     1 <html>
     2 <head>
     3 <script>
     4 function displayDate()
     5 {
     6 document.getElementById("demo").innerHTML=Date();
     7 }
     8 </script>
     9 </head>
    10 <body>
    11 <h1>我的第一个 JavaScript 程序</h1>
    12 <p id="demo">这是一个段落</p>
    13 <button type="button" onclick="displayDate()">显示日期</button>
    14 </body>
    15 </html> 
    16             

    JavaScript可以直接写入HTML输出流:

     1 <html>
     2 <body>
     3 <p>
     4 JavaScript 能够直接写入 HTML 输出流中:
     5 </p>
     6 <script>
     7 document.write("<h1>这是一个标题</h1>");
     8 document.write("<p>这是一个段落。</p>");
     9 </script>
    10 <p>
    11 您只能在 HTML 输出流中使用 <strong>document.write</strong>。
    12 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。
    13 </p>
    14 </body>
    15 </html>
    注意:您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。

     javascript对事件的反应:可以对button或者submit等事件作出反应

    1 <html>
    2 <body>
    3 <h1>我的第一个 JavaScript</h1>
    4 <p>
    5 JavaScript 能够对事件作出反应。比如对按钮的点击:
    6 </p>
    7 <button type="button" onclick="alert('欢迎!')">点我!</button>
    8 </body>
    9 </html> 
    注意:其实alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。

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

     1 <html>
     2 <body>
     3 <h1>我的第一段 JavaScript</h1>
     4 <p id="demo">
     5 JavaScript 能改变 HTML 元素的内容。
     6 </p>
     7 <script>
     8 function myFunction()
     9 {
    10 x=document.getElementById("demo");  // 找到元素
    11 x.innerHTML="Hello JavaScript!";    // 改变内容
    12 }
    13 </script>
    14 <button type="button" onclick="myFunction()">点击这里</button>
    15 </body>
    16 </html>    

    您会经常看到 document.getElementById("some id")。这个方法是 HTML DOM 中定义的。DOM (Document Object Model)(文档对象模型)是用于访问 HTML 元素的正式 W3C 标准。

     1 <html>
     2 <body>
     3 <script>
     4 function changeImage()
     5 {
     6 element=document.getElementById('myimage')
     7 if (element.src.match("bulbon"))
     8   {
     9   element.src="/images/pic_bulboff.gif";
    10   }
    11 else
    12   {
    13   element.src="/images/pic_bulbon.gif";
    14   }
    15 }
    16 </script>
    17 <img id="myimage" onclick="changeImage()"
    18 src="/images/pic_bulboff.gif" width="100" height="180">
    19 <p>点击灯泡就可以打开或关闭这盏灯</p>
    20 </body>
    21 </html>

    JavaScript改变HTM的样式:

     1 <html>
     2 <body>
     3 <h1>我的第一段 JavaScript</h1>
     4 <p id="demo">
     5 JavaScript 能改变 HTML 元素的样式。
     6 </p>
     7 <script>
     8 function myFunction()
     9 {
    10 x=document.getElementById("demo") // 找到元素
    11 x.style.color="#ff0000";          // 改变样式
    12 }
    13 </script>
    14 <button type="button" onclick="myFunction()">点击这里</button>
    15 </body>
    16 </html>    

    JavaScript用于验证输入:

     1 <input id="demo" type="text">
     2 
     3 <script>
     4 function myFunction()
     5 {
     6 var x=document.getElementById("demo").value;
     7 if(x==""||isNaN(x))
     8     {
     9     alert("不是数字");
    10     }
    11 else
    12 {
    13 alert("you are right");
    14 }
    15 }
    16 </script>
    17 <button type="button" onclick="myFunction()">点击这里</button>

    注意:

    JavaScript 与 Java 是两种完全不同的语言,无论在概念上还是设计上。
    Java(由 Sun 发明)是更复杂的编程语言。
    ECMA-262 是 JavaScript 标准的官方名称。
    JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个标准协会)采纳。

  • 相关阅读:
    The nineteenth day
    The eighteen day
    弱读下
    弱读上
    失爆 爆破音
    连读
    The seventeenth day
    The sixteenth day
    React 官方脚手架 create-react-app快速生成新项目
    pc端引入微信公众号文章
  • 原文地址:https://www.cnblogs.com/blogofwyl/p/4285638.html
Copyright © 2020-2023  润新知