zoukankan      html  css  js  c++  java
  • JS中的变量和输入输出

    一、使用JS的三种方式
    1、在HTML标签中,直接内嵌JS(并不提倡使用)
    <button onclick="alert('点你咋地')">点我</button>
        >>> 不符合w3c关于内容与行为分离的要求
     
    2、在HTML页面中使用<script></script>包裹JS代码
    <script type="text/javascript">
    //JS代码                               
    </script>                                     
          >>> script标签可以放到页面的任何位置
     
    3、引入外部的JS文件
        <script language="JavaScript" src="js/01.js"></script>
     
    [注意事项]
    ① <script></script>可以嵌入到页面的任何位置。但是,位置的不同会导致JS代码的执行
         顺序不同
    比如:<script></script>放到<body>前面,则JS代码会在页面加载之前就执行
     
    ② 引入外部的JS代码,<script></script>必须是成对出现的标签。而且,标签中不能再有
        任何的JS代码
     
    /*
    * JS中的多行注释。Ctrl+Shift+/
    */
    // JS中的单行注释。Ctrl+/
     
    二、JS中的变量
    1、JS中变量声明的写法
    var num=10;//使用var声明的变量,属于局部变量,只在当前作用域内有效
    num=10;//不用var声明的变量,默认为全局变量,在整个JS文件中都有效
    var x=9,y,z=10;//使用一行语句同时声明多个变量。上式中,y属于已声明,但是未
                                        赋值状态,结果为undefined
     
    [声明变量的注意事项]
    ① JS中所有变量的声明,均使用var关键字。变量具体是什么数字类型,取决给变
                 量赋值的类型
        
    ② JS中同一个变量,可以在多次不同赋值时,修改变量的数据类型
    var a=10;//从初始声明时,a属于整数型;
    a="哈哈哈";//重复赋值时,整数型的a被修改为字符串类型
     
    ③ 变量可以使用var声明,也可以不使用var声明。[区别]使用var声明为局部变量,
                 不使用var声明为全局变量
     
    ④ 只用var声明,但是不赋值,结果为undefined
        例如:var a;//a为undefined
        但是,如果不声明也不赋值的a,直接使用会报错
        
    ⑤ 同一变量名可以多次使用var声明。但是,后面的var并没有什么用;第二次使用
                var声明时,只会被理解为普通
     
    2、变量名的命名要求
    ① 变量名,只能有字母、数字、下划线组成;
    ② 开头不能是数字;
    ③ 变量名区分大小写,大写字母与小写字母为不同变量;
      
    3、变量名的命名规范
    ① 要符合小驼峰法则(骆驼命名法):
         首字母小写,之后每个单词的首字母大写;
         myNameIs
    ② 或者使用匈牙利命名法:
         所有字母小写,单词之间用_分隔
         my_name_is
    ③ mynameis 能用,但是不规范
     
    4、JS中的数据类型:
    Undefined:未定义。已经使用var声明的变量,但是没有赋值
           Null:表示空的引用
    Boolean:布尔类型表示真假,只有两个值:true/flase
    Number:数值类型。可以是整数,也可以是小数
    String:字符串类型。用 "  " '  ' 包裹的内容,成为字符串
    Object:对象类型,后续讲解...
     
    5、【常用的数值函数】
    isNaN():判断一个变量或常量,是否是NaN(not a num 非数值);
    使用isNaN()判断时,会尝试使用Number()函数进行转换,如果最终结果能够
                    转为数字,则不是NaN,结果为false
      
    Number()函数其他类型的数据,尝试转为数值型;
    [字符串类型]
    >>> 字符串为纯数值字符串,会转为对应的数字; "111"->111
    >>> 字符串为空字符串,会转为0; "  "->0
    >>> 字符串包含任何其他字符时,都不能转; "1a"->NaN
    [Boolean类型]
    true->1    false->0
    [Null/Undefind]
    Null->0    Undefind->NaN
    [Object]
    *(后续讲解)
        
    ParseInt():字符串转为整数类型
    >>> 纯数值字符串,能转。
            "12"->12;"12.9"->12(小数转化时,直接抹掉小数点,不进行四舍五入)
    >>> 空字符串,不能转。""->NaN
    >>> 包含其他字符的字符串,会截取第一个非数值字符串前的数字部分
    "123a456"->123, "a123b456"->NaN
    >>> ParseInt()只能转字符串,转其他类型,全是NaN
        
    [Number函数与ParseInt函数的区别]
    1.Number函数可以转各种数据类型,ParseInt函数只能转字符串
    2.两者在转字符串时,结果不完全相同。(详见上面解释)
       
    ParseFloat:将字符串转为字符型;
    转换规则与ParseInt相同,只是如果有小数,则保留小数点;如果没有小数,
                    则依然是整数
    12.5"->12.5;  "12"->12
        
    typeof:检测变量的数据类型
    字符串->String          true/false->Boolen   数值->Number
    未定义->undefined    对象/Null->object     函数->function
     
    三、JS中常用的输入输出语句
    1、document.write(  );将( )中的内容,打印输出到浏览器屏幕上;
         使用时需注意:除变量/常量外的所有内容,必须放到""中。变量和常量必须放到""外
         如果同时有变量和字符串,必须用+链接;
         eg:document.write("左手中的纸牌:"+left+"<br />
     
    2、alert(  );使用弹框输出
    弹窗警告,()中的内容与上述要求相同
     
    3、prompt(  );弹框输入
         接收两部分参数:
    ① 输入框上面的提示内容,可选;
    ② 输入框里面的默认信息,可选;
        当只写一部分时,表示输入框上面的提示内容
     
    可以定义变量,接收输入的内容。点击确定按钮,变量将被赋值为输入的内容;
    点击取消按钮,变量将被赋值为null
          
    输入内容时,默认接收的数据类型都是字符串!!!
  • 相关阅读:
    Educational Codeforces Round 67 D. Subarray Sorting
    2019 Multi-University Training Contest 5
    Educational Codeforces Round 69 (Rated for Div. 2) E. Culture Code
    Educational Codeforces Round 69 D. Yet Another Subarray Problem
    2019牛客暑期多校训练第六场
    Educational Codeforces Round 68 E. Count The Rectangles
    2019牛客多校第五场题解
    2019 Multi-University Training Contest 3
    2019 Multi-University Training Contest 2
    [模板] 三维偏序
  • 原文地址:https://www.cnblogs.com/sin0/p/7401204.html
Copyright © 2011-2022 走看看