zoukankan      html  css  js  c++  java
  • JavaScript基础内容

    javascript:是个脚本语言,需要有宿主文件,他的宿主文件是html文件。用来交互的

    Javascript基础

     写法分类

    1内联(行内):写在标签里面,以事件属性表现 属性名就是事件属性名

         事件就是对标签的动作

    <button onClick="alert('点我干嘛')">
        按钮
    </button>

    2、内嵌:(重点在内容)

     写在HTML文件里面以标签的形式表现 标签名:script

     script标签里面的代码会自己执行。

    <script>
        onClick="alert('点我干嘛')"
    </script>

    3、外部引用:(没有内容,只有属性)

     写在HTML文件里面以标签的形式表现标签名:script

    <script type="text/javascript" src="index.js"></script>

    在HTML的任何位置都可以,但位置与显示内容有关,由上到下执行,当执行到script内容时,下面的内容不显示,

     一般写在head中。

     javascript 没有优先级,一般都是有条件的调用,以动作开始。

    三个常用对话框

    刷新自动弹出对话框,执行

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

    alert("我是弹窗");

     

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

    var zhi = confirm("确定退出么");//选择框 有返回值  true 真   false  假
    
    alert(zhi);

     

    prompt("要显示的提示文字"),作用是弹出一个可以输入内容的对话框。有返回值

    确定-----返回值是输入内容,取消----没有返回值(null

    例:

    var zhi = prompt('1+1=几');
    
    if(zhi == 2){
    
    alert('答对了');
    
    }else{
    
    alert('瞎写什么');
    }

    javascript基础语法

    1、注释、关键字、标识符、变量

    /* 多行注释 */

    // 单行注释

     关键字:在代码中有一些特殊含义的,系统已经规定好的英文单词.如:name

    标识符:自定义:字母、数字、下划线(通用),不能是数字开头(除了关键字都是标识符)

    变量都是通用类型var,可以随便存储其它类型的值,可以直接使用,不用定义,但习惯上定义。 

    所有变量定义都用var定义,var是通用的可变类型。如:定义变量:var a

      定义   赋值   使用
    
    var name=’张三’; //定义并赋值
    alert(name);   
    或者
    var name;
    name=’张三’;
    alert(name) ;  

    2、数据类型

      javascript(6种数据类型):  number(int/float)   string    boolean    null    undefined    object

    number  数字类型

    string 字符串类型,所有带引号的都是

    boolean 布尔类型,只有两个:truefalse

    null 空对象类型 

    undefined  未定义类型 

    object   对象类型:window  document

    强类型语言与弱类型语言

    区别在对数据类型的处理上

    强类型:定义的时候必须指明数据的类型是什么

    弱类型:定义的时候,不用指明数据类型,全部自动转换

    3、运算符

      1>算术运算符+    -   *   /   %(取余)     ++自增1)  - -自减1

              ++在前:先自增,再运算

             ++在后:先运算,再自增

    var a = 1;
    var b = 4;
    b = ++a +1;  
    //相当于   a=a+1   b = a+1
    
    alert('b:'+b+';a:'+a);
    // 运算结果 a:2   b:3
    
    //b = 1 + a--;   
    //相当于 b = a+1   a=a-1
    
    alert('b:'+b+';a:'+a);
    //运算结果 a:1  b:3 

        + 两边是数字时,作为运算符;

        有一边是字符串时,作为字符串拼接;

    例:1+1=2

          1+“1”=1“1”

          “1”+1+1=“1”11

    2>赋值运算符: =  +=   -=  *=   /=

         a += 4;相当于 a=a+4;

    3>条件运算符:   >   <   >=    <=    !=   ==   ===

    返回值为布尔值,

    1>2     ---返回值为flase;

    ==只需要数值相等 

    ===不仅需要数值相等,数据类型也要相同 

    4>逻辑运算符:&& 并且   || 或者  !取反

     返回值为布尔值

    && 并且

    两边结果都为真,结果为真,输出true;

    || 或者

    一边结果为真,则结果为真,输出true;

    !取反

     真即假,假即真

    5>三目运算符:(简易的if语句)

    结构: 表达式 true(代码) : false(代码) ;

    判断表达式,真为true  假为flase

    alert(1 == 1 ? “dengyu”:’no’);

    4、控制语句

    1、条件判断

    if语句:如果

    if(){}   
    
    if(){}   else{}
    
    If(){}  else if(){}

    例题:输入分数判断是否及格,如果超过80分则输出 “你学的不错,值得表扬!”,如果在60-80之间则输出“良好”,如果在50—60分之间则输出“就差一点点,再加把劲”,如果小于50则输出“使劲努力,不要偷懒!”

    var b="请输入成绩";
    var x= parseInt (prompt(b));
    if(x>80){
        alert("你学的不错,值得表扬!");
    }else if(x>=60){
        alert("良好");
           }else if(x>50){
                  alert("就差一点点,再加把劲!");
                   }else{
                    alert("使劲努力,不要偷懒!");
    }

    switch语句    --匹配语句

    var day=1;
    switch(day){
        case 1:
            alert(1);
            break;
            
        case 2:
            alert(2);
            break;
            
        case 3:
            alert(3);
            break;
        default:  //没有匹配到执行default
            alert("没有匹配到");
            break;
    }

    变量为day,case匹配是否是day的赋值,如果是执行下面程序,

    如果没有匹配到,运行default。

    break 是退出switch匹配

    如果case下没有break,继续向下找break,并执行遇到的case,直到有break

    如果整个switch下都没有,则从匹配成功出开始运行,直到switch结束。

    2、循环

    for(var i=0;i<10;i++){

    alert(1);

    }

    运行顺序,先1,然后进入2判定,判定成功进入4执行代码,再进入3改变条件,再进入2判定,

    判定成功进入4,判定失败结束。

    5、数组

    6、方法

    知识:

    var   b   =   Math.floor(a);  //取整 
      alert(b); 
      
    var   c   =   Math.ceil(a);   //向上取整,取整 +1
      alert(c);   
    
     var   d   =   Math.round(a);  //四舍五入
      alert(d); 

    注意:

    1、java代码大小敏感

         true/false

       TRUE/FALSE

    2、结束符号

       在javascript里边,该分号不是必须,但是推荐使用。

  • 相关阅读:
    Codeforces 1372D Omkar and Circle
    一个估算
    CF 1348F Phoenix and Memory
    caterpillar tree
    ABC167F Bracket Sequencing
    【troubleshooting】中文输入法下,CMD 光标消失
    Visual Studio 2019创建并调试vue.js项目(Iview admin)
    Mysql知识点集合篇
    spring boot集成mybatis-plus(注解模式)
    spring boot集成mybatis(注解模式)
  • 原文地址:https://www.cnblogs.com/dk2557/p/9174050.html
Copyright © 2011-2022 走看看