• JavaScript学习笔记(一):介绍JavaScript的一些简单知识


    JavaScript是世界上最流行的编程语言。这门语言可用于HTML和web,更可广泛用于服务器、PC、笔记本电脑和智能手机等设备。
    -----------------------------------------------------------
    JavaScript的特点如下:

    1.它是属于网络的脚本语言。它是因特网上最流行的脚本语言。
    2.它被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。
    3.它是一种轻量级的编程语言;
    4.它是可插入HTML页面的编程代码;
    5.它是可插入HTML页面后,可由所有的现代浏览器执行。
    6.它很容易学习。

    ----------------------------------------------------------------
    JavaScript的一些简单语句
    1.写入HTML输出
    实例:
    document.write("<p>This is a heading</p>");
    tips:

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


    2.对事件作出反应
    实例:
    <button type="button" onclick="alert('Welcome')">点击这里</button>
    tips:

      alert()函数在JavaScript中并不常用,但它常用于代码测试。onclick事件是单击事件。


    3.改变HTML内容
    实例:
    x=document.getElementById("demo");    //查找元素
    x.innerHTML="Hello JavaScript";      //改变内容


    4.改变HTML图像
    本例会动态改变HTML<image>的来源(src): The Light bulb.点击灯泡就可以打开或关闭这盏灯.实例:
    <!DOCTYPE html>
    <html>
    <body>
    <script>
    function changeImage()
    {
    element=document.getElementById("myImage");
    if(element.src.match("bulbon"))
    {
    element.src="/i/eg_bulboff.gif";
    }
    else
    {
    element.src="/i/eg_bulbon.gif";
    }
    }
    </script>

    <img id="myImage" onclick="changeImage()" src="/i/eg_bulboff.gif">
    <p>点击灯泡来点亮或熄灭这盏灯</p>
    </body>
    </html>
    tips:

      JavaScript能够改变任意HTML元素的大多数属性,而不仅仅是图片。


    5.改变HTML样式
    改变HTML元素的样式,属于改变HTML属性的变种之一。
    实例:
    x=document.getElementById("demo");   //找到元素
    x.style.color="#ff0000";            //改变样式


    6.验证输入
    JavaScript常用于验证用户的输入。
    实例:
    <!DOCTYPE html>
    <html>
    <body>
    <h1>This is my first JavaScript</h1>
    <p>请输入数字。如果输入值不是数字,浏览器会弹出提示框。</p>
    <input id="demo" type="text">
    <script>
    function myFunction()
    {
    var x=document.getElementById("demo").value;
    if(x==""||isNaN(x))
    {
    alert("不是数字");
    }
    }
    </script>
    <button type="button" onclick="myFunction()">点击这里</button>
    </body>
    </html>
    --------------------------------------------------------------------
    【延伸知识】
      --JavaScript与Java的区别
    JavaScript与Java是两种完全不同的语言,无论在概念上还是设计上。
      Java         (由Sun发明)是更复杂的编程语言。
      JavaScript     (由Brendan Eich发明)。它于1995年出现在Netscape中(该浏览器已停止更新),并于1997年被ECMA(一个标准协会)采纳。

               ECMA-262是JavaScript标准的官方名称。

  • 相关阅读:
    vue 解析二维码
    自定义组件双向数据绑定,父v-model,子value用.$emit('input', newVal)
    懒加载组件
    float双飞布局
    [转]MySQL 8.0 Public Key Retrieval is not allowed 错误的解决方法
    【转】nginx产生【413 request entity too large】错误的原因与解决方法
    [其它]三维立体图简单入门含样例
    [其它] 美图看看 黑色皮肤下载不了
    vue element 表格内容文字太长加提示
    gitee webide怎么暂存文件(吐槽,gitee的产品真是吃屎的)
  • 原文地址:https://www.cnblogs.com/Knowledge-wealth/p/5718788.html
Copyright © 2020-2023  润新知