zoukankan      html  css  js  c++  java
  • day08-javascript

    javascript 让网页更像一个应用程序

    做什么
    1.网页动态特效
    2.编写js应用程序
    3.表单验证,减轻服务器的压力

    javascript语法可以编写在html内或者单独创建一个后缀为.js
    的文件,再引入到网页中使用。
    1.在网页的任意一个地方<script></script>标签内写js代码
    ,考虑代码的加载执行顺序
    2.外部js文件,在网页的任意一个地方
    <script src="js文件的路径"></script>


    javascript语言的组成部分
    变量、代码块、函数、逻辑控制语句、运算符、DOM、BOM、ECMScript、数据类型 ......

    变量:存储数据的容器

    内存-----酒店
    变量-----房间
    数据类型-房间类型 --js中由于容器不区分类型,而是在赋值后才能判断变量的类型
    变量名---房间号
    数据-----入住的客人


    使用变量
    1.声明,创建变量(相当于创建一个容器)
    var 变量名;

    变量名命名规则
    英文字母,数字,下划线,$组成
    只能英文,下划线,$符号开头
    后面结合数字等使用,或者以驼峰命名规则,不能用其他符号
    取名尽量具有意义(多个单词组成,从第二个单词首字母开始,往后每个单词首字母都大写)
    不可以使用关键字,保留字(系统)
    变量名唯一

    2.给变量赋值 ,使用赋值运算符 =
    var 变量 = 数据值;

    也可以一次性声明多个变量
    var 变量1,变量2,变量3....
    var 变量1=xx,变量2=xxx,变量3=xxx;

    不同的数据赋值的方式不同
    如果是数值类型直接赋值,如果是字符串需要在内容上加上双引号


    3.使用变量,直接使用变量名就相当于在用变量里的数据
    javascript提供的系统自带的函数(功能)
    alert(提示的消息字符串或者可以是一个变量) 弹出一个带有确认的消息提示框
    typeof(数据或一个变量名):用来检测该数据(变量)的类型,并且把类型以一个字符串返回,返回的值可以用变量接收或者直接使用


    数据类型
    1.number 数值型,小数,整数
    2.string 字符串类型 a、A、中、*、? 这些都称为字符,由多个字符组成的称为字符串
    3.boolean 布尔类型,只有真和假 true false
    4.null(object对象类型)
    5.underfined 未知,未定义
    6.function 函数类型

    运算符
    赋值运算符 =
    算数运算符 + - * / % ++ -- ( )
    ++用来自增,如果写在变量后面表示执行这行完后才+
    如果写在前面就先加,当前行就生效

    比较运算符 > < >= <= == ===
    逻辑运算符 && || !
    ! 取反,或者!=
    && 与 两边各有一个表达式,两个表达式都返回true最终表达式结果为true,只要有一边为false就为false.如果左边表达式为false则不执行右边的表达式

    || 或者 两边只要有一边为true表达式就为true。如果左边表达式满足true,就不执行右边的

    ()> 算术 > 比较 > && > || > = > !


    prompt(提示文字,初始值)用来弹出一个带有确认和取消按钮,并且有文本输入框的提示框
    点击确认按钮的时候:这个函数会返回输入的值
    点击取消按钮:返回null
    不管输入什么类型的数据,最终都当成字符串返回

    isNaN(变量或者值) 判断括号内的是否是非数字,是非数字就返回true,是数字就返回false

    类型转换
    parseInt(字符串类型的数据或变量) 把字符串类型的数字变为整数类型
    parseFloat(字符串类型的数据或变量) 把字符串类型的数字变为浮点型


    逻辑控制语句
    if:用来判断一个程序执行的两种不同的情况
    当小括号内的表达式为true的时候,才执行if内的代码
    if(表达式){
    要执行的代码
    }
    //如果程序有另一种否定的情况,需要给if添加else
    if(){

    }else{

    }

    if嵌套if
    if(){
    if(){

    }

    }else{

    }


  • 相关阅读:
    再探动态库的应用
    GNU Binutils
    ELF文件详解—初步认识
    解读linux的/proc下的statm、maps、memmap内存信息文件
    Linux重新编译内核
    查看进程的内存布局
    manjaro设置开机动画
    最常规的修复方式 通过live cd
    拯救manjaro桌面
    linux下的库入门
  • 原文地址:https://www.cnblogs.com/beiluoL/p/10240708.html
Copyright © 2011-2022 走看看