第四周JS

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            /*
             【for循环】
        1、for循环有三个表达式,分别为:①定义循环变量②判断循环条件③更新循环变量
        三个表达式之间,用;分隔
            for循环三个表达式均可以省略,两个;缺一不可。
        2、for循环特点:先判断,再执行;
        3、for循环三个表达式,均可以由多部分组成,之间用,分隔;但是,第二部分判断条件需用&&连接,
        最终结果需要为真、假*/
        
        
        </script>
    </head>
    <body>
    </body>
</html>

<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="UTF-8">
        <title>JavaScript简介</title>
        <!-- [使用JS的三种方式]
            1、HTML标签中内嵌JS(不提倡使用):
            <button onclick="javascript:alert('小碧池!你真点啊!')">有本事点我呀!!!</button>
            
            2、HTML页面中直接使用JS:
            <script type="text/javascript">
                //JS代码
            </script>
            
            3、引用外部JS文件:
            <script language="JavaScript" src="JS文件路径"></script>
            
            [注意事项]
            ① 页面中JS代码与引用JS代码,可以嵌入到HTML页面的任何位置。但是,位置不同会影响到JS代码的执行顺序;
              例如:<script>在body前面,会在页面加载之前执行JS代码;
            
            ② 页面中JS代码,使用type="text/javascript"
                引用外部的JS文件,使用language="JavaScript"
                
            ③ 引用外部JS文件的<script></script>标签,必须成对出现,且标签内部不能有任何代码!
            
        -->
        
    <script type="text/javascript">
    //JS中的注释
    // 单行注释。 Ctrl+/
    /*
          段落注释。  Ctrl+Shift+/
     */
    //document.write("<h1>姜浩真帅!</h1>");
    
    
    /* 【JS中的变量】
     * 1、JS中变量声明的写法:
     *       var width = 10; //使用var声明的变量,只在当前函数作用域有效
          width1 = 11; //不使用var,直接赋值生成的变量,默认为全局变量,整个JS文件有效
          var a,b,c=1; //同一声明语句同时声明多个变量,变量之间用英文逗号分隔。但,赋值需要单独赋,例如上式中,只有c赋为1,a/b为undefined(未定义)
          [声明变量注意事项]
        ① JS中所有变量类型声明,均使用var关键字。变量的具体数据类型,取决于给变量赋值的类型.
        ② 同一变量,可以在多次不同赋值时,修改变量的数据类型:
          var width = 10;//width 为整形变量
          width="哈哈";//width 被改为字符串类型
        
        ③ 变量可以使用var声明,也可以省略var。[区别]不使用var,默认为全局变量
        
        ④ 同一变量名,可以多次用var声明。但是并没有任何含义,也不会报错。第二次之后的声明,只会被理解为赋值;
        
    2、变量的命名规范:
       ① 变量名,只能有字母、数字、下划线、$ 组成
       ② 开头不能是数字
       ③ 变量区分大小写,大写字母与小写字母为不同变量
    
    3、变量名命名要符合驼峰法则:
           变量开头为小写,之后每个单词首字母大写(或单词之间用下划线分隔);
       jiangHaoIsShuaiGe √
       jiang_hao_is_shuai_ge √
       jianghaoisshuaige ×
       
    4、JS中的变量的数据类型
    Undefined:未定义,用var声明的变量,没有进行初始化赋值。 var a;
    Null:表示为空的引用。例如,空对象、空数组。
    Boolean:真假,可选值 true/false
    Number:数值类型。可以是小数,也可以是整数。
    String:字符串类型。用""或''包裹的内容,成为字符串。
    Object(复杂数据类型):后续讲解,函数、数组等。。。
    
    5、常用的数值函数:
       ① isNaN():用于判断一个变量或常量,是否为NaN(非数值)
         使用isNaN判断时,会尝试使用Number()函数进行转换,如果能转换为数字,则不是非数值,结果为false
      "111" 纯数字字符串,false "" 空字符串,false "1a"包含其他字符,true
      true/false 布尔类型,false
      
       ② Number():将其他类型转换为数值类型
       [字符串类型转数值]
       >>> 字符串为纯数值字符串,会转为对应的数字  "111"->111
       >>> 字符串为空字符串是,会转为0  ""->0
       >>> 字符串包含其他非数字字符时,不能转换   "111a"->NaN
       
       [布尔Boolean类型转数值]
       true -> 1     false -> 0
       
       [null/Undefined转数值]
       null -> 0     Undefined -> NaN
       
       [Object类型转数值]
       *(以后再了解) 先调用ValueOf方法,确定函数是否有返回值,再根据上述各种情况判断。
       
       ③ parseInt:将字符串转为数值类型
       >>> 空字符串,不能转。结果为NaN
       >>> 纯数值字符串,能转。 "123" -> "123"  "123.5" -> 123 (小数转化时,直接抹掉小数点,不进行四舍五入)
       >>> 包含其他字符的字符串。会截取第一个非数值字符前的数值部分。
           "123a456" -> 123   "a123b456" -> NaN
           
       >>> parseInt只能转String类型,Boolean/null/Undefined 均为NaN
       
       ④ parseFloat:将字符串转为数值
       >>> 使用方式同parseInt。但是,当转化小数字符串时,保留小数点;转化整数字符串时,保留整数;
           "123.5" -> 123.5      "123" -> 123
           
       ⑤ typeof:用来检测变量数据类型
       未定义 -> Undefined        字符串 -> String        true/false -> boolean
       数值  -> Number            对象/null -> Object   函数 -> function


     */
    var a; //声明变量
    a=10;//给变量赋值
    
    var width = 10;//声明变量的同时,直接赋值
    
    width="哈哈";
    
    var x,y=9,z=10;

        var b = {};

        alert(d);
        
        
        
    /* [JS中的输入与输出语句]
     *
     *1、文档中打印输出: document.write();
     * 输出语句,将write的()中的内容打印在浏览器屏幕上;
     *
     * 使用时注意:除变量/常量以外的任何内容,打印时必须放到""中。变量/常量必须放到""外。
     * 打印的内容同时有多部分组成时,之间用+链接:
     * 例如:document.write("左手中的纸牌:"+left+"<br/>");
     *
     *2、弹窗输出: alert();
     * 弹窗警告,()中的使用方式,同上
    3、弹窗输入:
        两部分参数:①输入框上面的提示信息,可选
                ②输入框里面的默认信息,可选
            两部分之间用逗号分隔,只写一部分,默认为提示信息
            默认接收为字符串类型
            
            可以定义变量接收输入内容,例如
     var name =prompt("请输入您的名字");点击确定按钮输入成功,点击取消按钮,name=null;
        
        */
    
        
    </script>
        
        <script language="JavaScript" src=""></script>
    </head>
    
    
    <body>
        <button onclick="javascript:alert('小碧池!你真点啊!')">有本事点我呀!!!</button>
        
        
        
    </body>
    
</html>

原文地址:https://www.cnblogs.com/zhangxiaona/p/6666328.html