zoukankan      html  css  js  c++  java
  • Javascript基础第二课时【读书笔记】

    今天晚上抽出时间来写一下,刚好在实验楼值班,继续基础知识第二课时更新。

    命名规范

    • 可读性
    • 规范性——这两个东西也不好说,其实也挺简单的,也就是要写的代码让别人看得懂,每一句代码的意思意图都很清楚;便于项目的后期维护和二次开发。
    • 匈牙利命名法——类型前缀,首字母大写

    例如:oDiv表示一个object对象,再例如getElementsByTagName就是很好的例子。

    运算符

    • 算术:+ 加、- 减、* 乘、/ 除、% 取模(用途很广泛)
    • 实例:隔行变色
     1 <script>
     2     window.onload=function(){
     3         var oUl=document.getElementById('div1');
     4         var aLi=oUl.getElementsByTagName('li');
     5         var i=0;
     6         
     7         for(i=0;i<al、Li.length;i++){//改过来了
     8             if(i%2==0)
     9             {aLi[i].style.background='#ccc';};
    10         };
    11     };
    12 </script>
    13 </head>
    14 <body>
    15 <ul id="div1">
    16 <li></li>
    17 <li></li>
    18 <li></li>
    19 <li></li>
    20 <li></li>
    21 <li></li>
    22 <li></li>
    23 <li></li>
    24 <li></li>
    25 <li></li>
    26 </ul>
    27 </body>

    这个本来是想写一个无序列表的隔行颜色不一样,结果提示ali没有定义,看了半天没发现,欢迎一起找找。

    • 秒转为分
    1 <script>
    2 var a=456;
    3 alert(parseInt(a/60)+'分'+a%60+'秒');//这里的错误也改了,注意哦
    4 </script>
    • 赋值:=、+=、-=、*=、/=、%=关于加等在前面的文章中说过了,就是把自己加给自己的同时添加另外一个数值;前面两个运算符用得比较多
    • 关系:<、>、<=、>=、==、===、!=、!==(不全等,他的要求是最严格的,数据类型要一样)
    • 逻辑:&& 与(必须同时满足条件)、|| 或(两个或者多个只要成立一个就成立)、! 否(就是取反)
    • 运算符优先级:括号——括起来的东西优先级会提高,例如(a+b)/2

    程序流程控制:

    判断:if条件语句(不解释了)    switch语句()    三目

    switch 语句

    如果希望选择执行若干代码块中的一个,你可以使用 switch 语句:

    语法:

    switch (n)
    {  case 1: 执行代码块1 break
        case 2: 执行代码块2 break
    ...
    default: 如果n即不是1也不是2,则执行此代码 }
     
    三目
    <表达式1>?<表达式2>:<表达式3>; "?"运算符的含义是: 先求表达式1的值, 如果为真, 则执行表达式2,并返回表达式2的结果 ; 如果表达式1的值为假, 则执行表达式3 ,并返回表达式3的结果.
    1 <script>
    2     var a=44;
    3     a%2==0?alert('偶数'):alert('单数')
    4 </script>

    循环:while循环    for循环

    跳出:break终止整个循环    continue终止本次循环,继续下面的循环

     1 <script>
     2     var i=0;
     3     for(i=0;i<4;i++)
     4     {
     5         if(i==2){
     6             break;
     7             };
     8         alert(i);
     9         };
    10 </script>

    什么是真,什么是假?

    <script>
        var a='2';
        if(a){
            alert('true')
            }
            else{
                alert('flase')
                };
    </script>

    这一通过这个小程序来测试什么是真什么是假。

    • 真—true,非空数值,非空字符串,非空对象
    • 假—flase,0,null(空字符串),undefined,空对象

    JSON:

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成。
    举个例子。
    1 <script>
    2     var obj={a:1,b:3,c:'where',d:[4,5,6,7]};
    3     alert(obj.d[3]);
    4 </script>
    1 <script>
    2     var obj={a:1,b:3,c:'where',d:[4,5,6,7]};
    3     var attr='';
    4     for(attr in obj)
    5     {
    6         alert(attr+'='+obj[attr])    
    7         };
    8 </script>

    上面是两个jason的小实例,有没有感觉方便很多,这是最基本的用法,感兴趣的请继续关注后面的文章喔。

     
  • 相关阅读:
    CentOS实验六:配置EPEL软件源
    Linux 目录结构【转】
    man page中的数字
    Linux常用命令(一) 基础
    MVP大礼包写真集
    DNN单击事件只有在"编辑"状态下才有效的解决方案
    GridView导出到Excel和开源图表工具
    免费的DNN工具条
    在应用程序级别以外使用注册为 allowDefinition='MachineToApplication' 的节是错误的解决办法
    DotNetNuke 4.9.0安装完全教程
  • 原文地址:https://www.cnblogs.com/paxster/p/3064888.html
Copyright © 2011-2022 走看看