ECMAScriptJavaScript笔记1

一.概述
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的言语,内置扶助项目。它的解释器被叫做JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个采用)网页上使用,用来给HTML网页扩展动态功用。
JavaScript程序员日常简称js;
特点:
     1:一种脚本语言,需要依赖html才能运行;
     2:不需要编译,由浏览器直接表达运作;
    
3:弱类型语言,定义变量的时候,不需要指定明确的数据类型,变量的数据类型完全由值决定;
     4:javaScript是基于对象的,内置了好多的对象;

 
5.JavaScript严厉区分轻重缓急写,假设弄错了尺寸写,程序将报错或者运行不健康

二.构成
重中之重有3局部构成:ECMAScript/DOM/BOM
     1.ECMAScript讲述了该语言的语法和大旨对象。
     2.文档对象模型(DOM),描述处理网页内容的法子和接口。
     3.浏览器对象模型(BOM),描述与浏览器举办互动的主意和接口。
 
三.数据类型
     基本数据类型:
         Undefined:代表的是一个不存在的变量;
         Number:数字类型,包括整数和小数;
         String:字符串;
         Boolean:true或false;
     引用数据类型:
         Null:代表的是引用数据类型的默认值;
         Object

四.协理的运算符
算术运算符:

ECMAScript 1
赋值运算符:

ECMAScript 2
相比运算符:

ECMAScript 3
逻辑运算符:

ECMAScript 4

五.中坚语法
编写:
     1:单独编制js文件;
    
2:在html页面中肆意地方应用<script></script>标签,在标签内写javascript代码;
     3:在始发标签中,也得以直接写一行javascript代码;
声明:单行注释(//)与多行注释(/*  */)的格式与java一致;
函数:
     使用紧要字function:
     格式:
         function 方法名(参数列表){
         代码
         }
     注意:1.参数列表的形式仅仅唯有变量名,没有数据类型;
    
2.调用的时候;无论模式定义的时候使用了几个参数,都可以传递任意四个参数;假设参数多于定义的参数,后边的值会丢失;
概念变量:
     var 变量名 = 数据值;(var固定!!)
基本语句:
     alert(变量或数据值);  弹窗展现值
     Typeof(变量或数据值);  判断变量或数据值的数据类型;

六.数据类型转换
此外数据类型—->boolean:
     1.非0为真,0为假;
     2.字符串长度为0为假,大于0为真;
     3.目标存在即为真,不设有为假;
     4.Null/undefined均为假;
字符串—>number:
     parseInt方法;
等性相比较的非凡境况:
     1.NaN == NaN,返回false.
     2.2== true,重临fasle.会将其余数据类型转向number类型,再相比较;

七.Js获取html中的标签对象
document.getElementById(“id属性值”);(document即为当前的html页面).
面向该标签对象,可以使用标签的属性名,获取相应的属性值;常用的性能有:
     value:获取输入框中的值
     innerHTML:获取标签的元素体;
举例:(以下html的body部分,三张图纸轮播效果)

  1 <body>
  2      <img src="img/1.jpg" id="img" width="100%" height="100%">
  3      <script type="text/javascript">
  4      //设置定时器 JSwindow方法
  5     setInterval(
  6          switch1, 500);
  7      //定义switch函数
  8     var i = 1;
  9      function switch1() { //switch为关键字,不可用
 10         var pic = document.getElementById("img"); //可以将取到的img标签使用任何变量名(pic)接收
 11         pic.src = "img/" + (++i) + ".jpg";
 12          if (i == 3) {
 13              i = 0;
 14          }
 15      }
 16      </script>
 17  </body>

八.setInterval() (BOM-Window)
语法:
     setInterval(code,millisec)
     依据指定的周期(以飞秒计)来调用函数或总计表达式。
举例:(见七)

九.setTimeout() (BOM-Window)
语法:
     var t=setTimeout(“javascript语句”,毫秒):
     第一个参数是含有 JavaScript 语句的字符串。这些讲话可能诸如
“alert(‘5 seconds!’)”,或者对函数的调用,诸如 alertMsg()”。
     第二个参数指示从脚下起多少纳秒后实施第一个参数。
     该函数执行完毕后自行关闭.
比喻:(效果:两秒呈现一下广告图片)

  1 <body>
  2      <div style="display: none" id="imggg">
  3          <img src="img/gg.jpg" width="80%" height="30%">
  4      </div>
  5      <div>
  6          <img src="img/2.jpg" width="80%" height="30%">
  7      </div>
  8      <script type="text/javascript">
  9      //设置定时器
 10     setTimeout(show, 2000);
 11      function show() {
 12          //获取广告图片所在的div
 13          var div = document.getElementById("imggg");
 14          div.style.display = "block";
 15          setTimeout(hide, 2000);
 16      }
 17 
 18     function hide() {
 19          var div = document.getElementById("imggg");
 20          div.style.display = "none";
 21          setTimeout(show, 2000);
 22      }
 23      </script>
 24  </body>
 25