• 一起学HTML基础-JavaScritp简介与语法


    简介:

    1、什么是JavaScript?

        它是个脚本语言,作用是使 HTML 页面具有更强的动态和交互性,它需要有宿主文件,它的宿主文件就是html文件。

      JavaScript 是 Web 的编程语言。

        所有现代的 HTML 页面都使用 JavaScript。

        <script> 标签用于定义客户端脚本,比如 JavaScript。

        <script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。

        JavaScript 最常用于图片操作、表单验证以及内容动态更新。

    2、JS的用法:

        它在html中常用的位置有三种:1、head里面 2、body里面 3、</html>之后,为了保险起见一般写在</html>之后。

        代码必须写在<script>代码</script>内。(或<script language="javascript">代码</script>或<script type="text/javascript"></script>

    3、三个常用的对话框

    alert("")——警告对话框,作用是弹出一个警告对话框

        例如:

    </html>
    <script>
    alert("出现错误!")
    </script>

    它只有一个“确定”按钮和右上角的“关闭”按钮,用于弹出警告。

    confirm("")——确定对话框,作用是弹出一个可供选择的确定对话框,点击确定后,它返回ture,点击取消返回false,可用变量来接收

    例如

    </html>
    <script>
    var a=confirm("你确定要退出么?")
    alert(a)
    </script>

    点击确定后返回ture

    点击取消后返回false

    prompt("提示内容","默认显示内容")作用是弹出一个可以输入内容的对话框

    例如

    </html>
    <script>
    prompt("请输入一个正整数:","只能是数字!")
    </script>

    语法:基本上与C#一致

    1、基本数据类型

        字符串、小数、整数、日期类型、布尔类型等

    2、变量

        都是通用类型var(万能变量),可以随便存储其他类型的值,可以直接使用,不用定义,但习惯上定义,例如:var a=5; 或var a="百度";或var a=false;等

    3、运算符

        数学运算符:+、-、*、/

        关系运算符:==  !=  >=  <=  

        逻辑运算符:&&  ||  !

        其他运算符:+=  -=  *=  /=  ?:

    4、语句

        一般分为顺序、分支和循环语句,同C#

    5、数组(同C#的集合)

        数组的定义:var array = new Array();,它的长度是动态变化的,里面可以放任何类型的元素。

        数组的赋值:array[0]=3; array[1]="Hello!";

        数组的长度:array.length;,数组元素的个数

        方法:array.sort() 排序数组,按照第一个字符排序, array.revers() 将数组翻转

    6、函数

        函数四要素:名称、输入、返回值、加工(函数体)

        定义函数:function add(){} add为函数名,同C#函数一样有四种形式,返回值可以是var类型,也可return一个值

        函数不调用是不会执行的

    7、类型转换

        分为自动转换和强制转换,一般用强制转换

        其他类型转为整数:parseInt();

        其他类型转为小数:parssFloat();

        另一个是判断是否是一个合法的数据类型:isNaN()j;(is not a number是 不是一个数字),是数字的话返回false,不是数字的话返回ture

    例如

    复制代码
    </html>
    <script>
    var a;
    var s=prompt("请输入一个正整数:","只能是数字!");
    a = isNaN(s);
    alert(a)
    </script>
    复制代码

    7、$("id")相当于document.getElementById("id")

  • 相关阅读:
    java 新建文本并写入
    批处理 获取相同进程的所有 pid
    io.netty.handler.codec.DecoderException: javax.net.ssl.SSLHandshakeException: error:
    Linux下“/”和“~”的区别
    Error creating bean with name 'consoleConfig'
    2019 蓝桥杯省赛 B 组模拟赛 结果填空:马的管辖
    # Codeforces Round #663 (Div. 2)
    Codeforces Round #645 (Div. 2) A~D
    迷宫2 NC15196
    Codeforces Round #643 (Div. 2)
  • 原文地址:https://www.cnblogs.com/baimangguo/p/6064151.html
Copyright © 2020-2023  润新知