JavaScript 学习笔记(二)

学习内容:

一.变量的定义

二.JS的基本数据类型

三.JS的基本语法

1.变量的定义:

  任何语言中最基本的东西就属于变量了,那么如何定义变量以及运用,其实是一件很简单的事情。。

JS中提供了如何去定义变量,但是在定义变量的时候我们需要明确和注意一些事情。。

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)

JS中变量的定义有自己的定义方式。。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
   <script language="javascript" type="text/javascript">
         var num1=100;//不要写成int
        var num2=200;
        sum=num1+num2;
        //var sum=sum1+sum2;
        document.writeln(sum);
        var s="javascript";//不要写成string
        var s1="html";
        var s2=s+s1;//+代表将两个字符串连接
        document.writeln(s2);
   </script>
</body>
</html>

从上面的代码我们不难发现,JS在语法上并不是像编程语言那样规范,要求也并不是非常的严格。。

并且在定义变量的时候我们只能使用var来定义,不能像在编程语言中那样规范的定义方式,否则就会

出错,在编写JS代码的时候,变量的类型我们是不必写出来的,意思就是没必要写成int sum=。。。

我们只需要写出var sum=...就可以了。。只要浏览器自己知道变量是什么类型的就可以了。。。因此

在定义变量的时候一定要注意自己定义的方式。。。

2.JS的基本数据类型

(1)数值型

i.整型常量

        十六进制以0x开头,例如0x88

        八进制必须以0开头,如0123

        十进制第一位不能是0,如123

ii.实型常量

        12.23  5E7(科学计数法) 4e5等等

iii.特殊数值 NaN (不是数值型) Infinity(无穷大)

(2)布尔型

        布尔型就很简单了,一个true,一个false

(3)字符型

        字符串也一样简单:"abc"

        字符串中的特殊字符,需要以反斜杠的(\)后面跟一个普通字符来表示。如\r \n \t \b \‘等等

3.JS的基本语法——三大流程控制

三大流程控制

(1)顺序控制:顺序控制其实就是指程序按照顺序的情况下执行。。。

(2)分支控制:(1)单分支(2)双分支(3)多分支

   (1)单分支 就是

      if(条件表达式){

         语句;

      }

   (2)双分支就是

      if(条件表达式){

         语句;

      }else{

         语句;

      }

   (3)多分支结构

      if(条件表达式){

         语句;

      }else if(条件表达式){

         语句;

      }else{

         语句;

      }

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
   <script language="javascript" type="text/javascript">
        //解决1+....10的和
         var n=10;
        var sum=0;
        for(var i=1;i<=n;i++)
        {
            sum+=i;
        }
        document.writeln(sum);
        //解决从1-10之间偶数的和
        var n1=10;
        var sum1=0;
        var sum2=0;
        for(var j=1;j<=n1;j++)
        {
            if(j%2==0)
            {
                sum1+=j;
            }else
            {
                sum2+=j;
            }
        }
        document.writeln(sum1);
        document.writeln(sum2);
   </script>
</body>
</html>

(3)循环控制部分和(1)do_while循环(2)while循环(3)for循环(4)for_in循环

(1)do_while         (2)while                (3)for                    (4)for_in(了解即可)

 do                      while(条件)             for(var...)            for(变量 in 对象) {                      {                         {                        {
  需要执行的代码             需要执行的代码;            需要执行的代码;         需要执行的代码;
 }while (条件);          }                         }                        }
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
   <script language="javascript" type="text/javascript">
       var n=10;
       var sum=0;
       do
       {
           sum+=n;
       }while(n--);
       document.writeln(sum);
       var n1=10;
       var sum2=0;
       while(n1)
       {
           sum2+=n1;
           n1--;
       }
       document.writeln(sum2);
       var sum3=0;
       for(var j=1;j<=n1;j++)//不要顺手写成了int
       {
           sum3+=j;
       }
       document.writeln(sum3);
       var a=new Array();
       var x;
       a[0]=1;
       a[1]=2;
       a[2]=3;
       for(x in a)
       {
           document.writeln(a[x]);
       }
   </script>
</body>
</html>

这四种常用的也就是while和for循环了。。其实掌握了这两种循环结构就可以了。。。

 

 

时间: 2024-08-10 16:57:45

JavaScript 学习笔记(二)的相关文章

javascript学习笔记(二)

一.javascript的放置.注释.输出工具 1.输出工具 a.alert():属于window中的全局函数.无论写入什么,都以字符串形式输出. b.document.write():向网页输出内容. c.var vlaue=prompt("显示内容","文本框显示内容")value为返回值:弹出一个输入框,接收参数. <script> alert(123); document.write("<h1>周静文</h1>&

前端乱煮之javascript学习笔记二

1 javascript的隐式转换规则: 若有布尔类型,则将它转换为数值进行比较. 若有NaN,一律返回false 若是字符串,则分为三种情况:对方为字符串就直接比较,对方为数值,则将字符串转化为数值,若对方为对象,则将对象用toString()的方法进行转换,然后再比较.最后,若是其他,则一律返回false. 若是数字,如果对方是对象,用valueOf()进行比较,其余一律返回false null 和defined不会进行类型转换,但是二者相等. 2 javascript中的break和con

Javascript 学习 笔记二

1.查找HTML元素 通常,通过 JavaScript,您需要操作HTML 元素. 为了做到这件事情,您必须首先找到该元素.有三种方法来做这件事: 通过id找到HTML元素(本例查找 id="intro" 元素) var x=document.getElementById("intro"); 通过标签名找到HTML元素(本例查找 id="main" 的元素,然后查找 "main" 中的所有 <p> 元素) var

JavaScript学习笔记二:在HTML中使用JS

1. <script>元素的6个属性:async.defer.charset.language.src.type. 其中只有src最为常用,其他的使用缺省值即可. 2. 通过<script>元素引用外部文件示例: 1 <script src="example.js"></script> 注: a. 为了符合html规范以及浏览器的兼容性,尽量不要写成下面的样式. 1 <script src="example.js"

Javascript 学习笔记 2: 标识语句

可以在任何语句声明之前使用唯一标识(identifier)和冒号(:)用来标记该语句: identifier: statement 这样,你可以在程序的任何其他地方通过标识来使用这个语句.即使在语句内部也可以使用该语句的标识(例如:循环语句和条件语句).当在一个循环语句前添加一个标识,你可以在语句内部通过break 标识来退出当前循环,也可以通过continue标识来继续执行该语句.例如: mainloop: while(token != null) { // Code omitted... c

JavaScript--基于对象的脚本语言学习笔记(二)

第二部分:DOM编程 1.文档象模型(DOM)提供了访问结构化文档的一种方式,很多语言自己的DOM解析器. DOM解析器就是完成结构化文档和DOM树之间的转换关系. DOM解析器解析结构化文档:将磁盘上的结构化文档转换成内存中的DOM树 从DOM树输出结构化文档:将内存中的DOM树转换成磁盘上的结构化文档 2.DOM模型扩展了HTML元素,为几乎所有的HTML元素都新增了innerHTML属性,该属性代表该元素的"内容",即返回的某个元素的开始标签.结束标签之间的字符串内容(不包含其它

Ajax学习笔记(二)

二.prototype库详解 1.prototype库的使用 //导入下载好的prototype.js文件 <script type="text/javascript" src="prototype.js"></script> //在自己的js中直接使用Prototype对象 <script type="text/javascript"> document.writeln("Prototype库的版本

公益图书馆-学习笔记二

1.在视图中显示控制器变量. 在控制其中为变量赋值即可,如 $this->info_user=$user;然后在视图中可直接使用. 2.html显示数组使用 volist标签 <volist name="info_user" id="vo"> {$vo.username} {$vo.email}即可使用数组里的键值对 3.隐藏button <button type="submit" style="display:

【Unity 3D】学习笔记二十七:unity游戏脚本(七)

使用C#编写游戏脚本 在前面提到,unity支持三种语言编写脚本:js,C#,boo.入门的时候建议只用js,因为js比较简单易懂,语法也不是很严格.但后来晋级的时候推荐使用C#,因为它比较符合unity的编程思想,执行效率更高.下面总结下怎么使用C#编写脚本. 继承MonoBehaviour类 在unity中,任何一个脚本,包括上述三种语言都需要去继承MonoBehaviour这个类.为什么我们之前写JS代码的时候没有继承咧?因为在创建JS代码的时候,系统会将其类名与继承关系隐藏起来. 在pr

AJax 学习笔记二(onreadystatechange的作用)

AJax 学习笔记二(onreadystatechange的作用) 当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了onreadyStateChange事件实现这一功能.这类似于回调函数的做法.onreadyStateChange事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果,如: 复制代码 代码如下: ajaxObj=createAjaxObject(); var url="/MyTod