zoukankan      html  css  js  c++  java
  • 第四周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>

  • 相关阅读:
    Pycharm(Mac版)快捷键操作篇
    Ubuntu报E: 仓库 “http://ppa.launchpad.net/webupd8team/sublime-text-3/ubuntu bionic Release” 没有 Release 文件。
    Ubuntu安装出现无法锁定管理目录是否有其他进程正在占用它?
    解决Ubuntu(18.04LTS)和win10电脑之间无法复制粘贴问题
    数据库的基本查询
    Ubuntu下数据库的操作
    Ubuntu中vi上下左右键退格键失灵的问题
    Ubuntu 18.04TLS命令安装Pycharm并固定在快速启动栏
    Ubuntu下mysql连接Navicat premium报错
    Ubuntu安装mysql报ERROR 1698 (28000): Access denied for user 'root'@'localhost',有效的解决办法
  • 原文地址:https://www.cnblogs.com/zhangxiaona/p/6666328.html
Copyright © 2011-2022 走看看