文章标题

一、 输出语句：
①alert(内容)
②document.write()
二、 在HTML当中使用js
1、 使用将js语法嵌入到HTML当中
2、
3、 插入外部js文件，
三、 Js语法
1、 不能以数字开头，文件名最有与文件内容有联系、不能够是关键字
2、 Js区分大小写
3、 变量名和函数第一个单词小写，后面的每个单词首字母大写，对象：每个单词的首字母都大写
4、 注释：
//单行注释
/多行注释/
四、 变量
Var 变量名=值
注意：变量的声明后是浏览器关闭之后才释放的，没有关闭之前而已随便使用
Javascript 像php是弱性语言
Var 变量=值 //声明
变量=值 //赋值
五、 数据类型
Typeof(变量)　　／／查看变量类型
1、 number（int float double）计算时还是按照整型、浮点型分开计算
2、 string（string char）
3、 Boolean
4、 Object( object array null)
5、 Undefined
使用＋连接字符串
六、 运算符和表达式
算数运算符：＋　－　*　％　＋＋　－－
赋值运算符：＋＝　－＝　*＝　％＝　／＝
条件运算符：＜　＞＝　．．．．．
逻辑运算符：＆＆　！　｜｜
位运算符：＞＞＞　　＜＜＜　＆　～
其他运算符：？：
七、 流程控制
顺序结构（条件结构－分支结构－选择结构）
１、 单路分支
２、 双路分支
３、 多路分支
４、 嵌套分支
注意：涉及嵌套分支时，如果需要跳出流程控制可以使用，ｂｒｅａｋ，ｃｏｎｔｉｎｕｅ　，ｇｏｔｏ，但是需要跳出多层流程则需要在第一个流程前面使用关键字

八、 函数声明与应用
１、 函数时一段“完成指定功能”的已经命名的代码段
２、 函数只有在调用时才能够被使用，可以在函数体前调用也可以在函数体之后被调用
３、 回调函数：方法名可以用来代表整个函数，参数是使用的函数
　函数的作用：决定我去不去使用
　函数的参数：决定我如何去使用
　返回值：决定我调用之后如何处理

九、 自定义函数与系统函数的应用
使用gobal关键字声明全局变量
JavaScript中无默认参数值
可以使用 arguments（数组名）取出实参的长度arguments.length,及实参的 值，arguments[i]
javascript是基于对象的，及没有面向对象的继承与多态性
window对象，Golbal对象
escape,unescape 转码和解码
parseInt将浮点型转化为整型，parseFloat将整数转化为
isNaN判断是否为数值型
isFinite(boolean)检查数值是否有限
eval javascript合法字符串的解析器

十、 对象的声明与操作
JavaScript 的对象相对于php中的 类，对象的实例化相当于php中的类的对象
对象名.属性
对象.方法名
对象.[“属性名”]
javascript中的对象有：
字符串对象
数学对象
数组
时间对象
1、声明对象
2、使用对象
3、使用系统对象
实例.属性
实例[“属性名”]
实例.方法名
object方法：系统空置的方法

javascript中对象的几种使用方法

    <script type="text/javascript">    function play(){//Object为系统给定的空置的方法，对其实例化可以使得p不需要新建一空方法体就可以，获得一个存储空间       var  p=new Object();        p.width=300;        p.height=400;       p.autoplay=function(){              alert("自动播放");              //方法一:              alert(this.height);       }       p.test=function(){       }        return p;     }   //方法二:   var p=play();    //方法三:    alert(p.width);   p.autoplay();</script>

 <script type="text/javascript">    function play(width,height){          this.width=width;          this.height=height;          this.autoplay=function(){              alert("你好，世界！");          }     }       var p=new play(300,400);     alert(p.width);     p.autoplay();      </script>

对象的操作方式

 <script type="text/javascript">  //对象的操作方式  /*   with(){        //所有括号内的方法，都是括号内对象的方法     }   */  //示例  with(document){         write("你好，世界！");    }</script>

十一、 内置对象的应重点内容用
记得内置函数首字母需大写

 <script type="text/javascript">/* var demo =function {        return x+y;    } */    var demo=new Function("x","y","return x+y;");      alert(demo(3,5));      var str =new String("abc");      str="abcd";      document.write(str);      alert(str.length);</script>

         学习网址:         http://www.w3school.com.cn/jsref/index.asp

十二、 数组的声明与应用

• 数组作用
  批量的数据操作均需要使用数组的声明
• 快速声明对象

<script type="text/javascript">    /*          var p =new Object();           p.width=200;           p.height=300;          alert(p.width);          alert(p.height);     */    /*       json 格式       {属性名1:属性值1,属性名2:属性值2,......}     */     var p={width:200,height:300};     alert(p.width);     alert(p.height);</script>

• 数组的声明
  var 数组名[元素1，元素2，元素3，………]

 <script type="text/javascript">    //一维数组    var names=["张三","李四","王二"];    //二维数组    var ages=[            [1,3,5],            [4,8,5],            [5,8,9]             ];     alert(names[0]);      alert(ages[0][1]);       </script>

使用Array对象
var arr =new Array(“成员1”,”成员2”）

 <script type="text/javascript">    function names(){      this.length=arguments.length;      //给数组内的元素赋值       for(var i=0; i<arguments.length;i++){           this[i]=arguments[i];       }    }    var arr=new names("张三","李四","王二");    arr[0]="lucy";    alert(arr[2]);    alert(arr.length);</script>

<script type="text/javascript">   var arr=new Array(1,8,9,4,6,8,7);   alert(arr[0]);</script>

• 数组的遍历

 <script type="text/javascript">   var arr=new Array(1,8,9,4,6,8,7);      for(var i=0; i<arr.length;i++){          document.write(arr[i]+"<br>");      }</script>

学习网站：
http://www.w3school.com.cn/jsref/jsref_obj_array.asp
十三、 ＤＯＭ操作
- DOM作用
1、document 标记语言主要为HTML 以及XML
2、object 对象 通过javascript操作HTML元素
- 操作属性
- 操作内容
innerText（IE） textContent(FireFox)
innerHtml()
outerText()
outerHtml()
表单 —value

<!DOCTYPE html><html><head><meta charset="utf-8">    <title>dom操作</title></head><body><a id="one" href="http://www.baidu.com/" target="_blank" >这是一个链接</a><input  id="sub" type="submit" value="确认"><script type="text/javascript" >        var objs1=document.getElementById("one");        objs1.title="百度，你就知道";        alert(objs1.title);        //显示文本内容,且两者效果相同        alert(objs1.innerText);          alert(objs1.textContent);        alert(objs1.innerHtml); // undifined        alert(objs1.outerHtml);    //undifined        alert(objs1.outerText);               var  objs2=document.getElementById("sub");         objs2.value="OK";        alert(objs2.value);</script> </body></html>

          - 操作样式

<!DOCTYPE html><html><head><meta charset="utf-8">    <title>dom操作</title>   <style type="text/css">        .test{           font-size: 36px;           width: 41px;           height: 20px;           background: blue;        }   </style></head><body><a id="one" href="http://www.baidu.com/" target="_blank" title="百度，你就知道" >这是一个链接</a><script type="text/javascript" >        var objs=document.getElementById("one");          //objs.style.backgroundColor="blue";          //objs.style.fontSize="4cm";          objs.className="test";</script> </body></html>

1. 转化对象的两种形式：标记名（多个）、id、name
2. document中的三种方法：
   getElementsByTagName()
   getElementById()
   getElementsByName()
3. 数组元素访问的7种方法

<body>     <form name="frms1">        <input type="text" name="test1" value="张三">     </form>      <form name="frms2">        <input type="text" name="test2" value="李四">     </form>     <form name="frms3">        <input type="text" name="test3" value="王二">     </form><br><script type="text/javascript" >        //七种（表单）数组的访问方式        document.write(document.forms[0].test1.value+"<br>");        document.write(document.forms["frms3"].test3.value+"<br>");        document.write(document.forms.item(1).test2.value+"<br>");        document.write(document.forms.item("frms1").test1.value+"<br>");        document.write(document.forms.frms2.test2.value+"<br>");        document.write(document.frms2.test2.value+"<br>");        document.write(document["frms2"].test2.value+"<br>");</script> </body>

3、model           javascript 可以改变页面中所有的HTML元素          javascript 可以改变页面中所有的HTML属性          javascript 可以改变页面中所有的css样式          javascript 可以对页面中所有的事件作出反应

十四、 事件操作

1. JavaScript事件：HTML事件是发生在HTML元素上的，当在HTML页面中使用JavaScript时，javascript可以触发这些事件
2. HTML事件：可以是浏览器行为也可以是用户行为
   实例：html页面完成加载
   html input字段改变时
   html按钮被点击
3. HTML DOM事件：http://www.runoob.com/jsref/dom-obj-event.html（参考网站）
4. 三种加事件的 方法

<body>  <!--    加事件的三种方法：      1、<input type="button" onclick="show()" value="点击">      2、<script>  对象.on事件=事件处理程序 </script>      3、<script for="事件源ID"  event="事件" >事件处理程序</script> //有错误，后期改正！  -->  <div id="one">你好，世界！</div> <script  for="one" event="onmouseover">     //第二种方法     var one=document.getElementById("one");     /*     one.onmouseover=show();       function show (){              alert("点击按钮");      }      */     one.style.backgroundColor="red"; </script></body>

后面还有很多内容待补充，等我后续的学习继续补充！
十五、 事件对象

十六、 ｗｉｎｄｏｗｓ对象
十七、 表单对象
十八、 其他位置属性**