<!-- 第一种 --><script type="text/javascript"> js代码 </script><!-- 第二种 --><script type="text/javascript" src="1.js"></script>

  =：表示赋值==：表示判断

  switch(a) {case 1:break;case 2:break;default:......}

  var i = 5;while(i>1) {alert(i);i--;}

  for(var a = 0; a <= 3; a++) {alert(mm);}​i++ ++i和java里面一样

  var j = 123;alert(j/1000 * 1000);

  var flag = true;alert(flag + 1)

  //可以向页面输出变量，固定值和html代码document.write("test);document.write("<hr/>);

  var arr = [1,2,3];   var arr = [1,"4",true];

  var arr1 = new Array(5);  //定义一个数组，数组的长度是5arr1[0] = "1";

  var arr2 = new Array(3,4,5); //定义一个数组//数组里面的元素是3 4 5

  function test(){    //可加参alert("just for test")//返回值可有可无}

  var add = functon(参数列表){方法体和返回值;}

  var add = new Function("参数列表"，方法体和返回值)

  bold()：加粗fontcolor(): 设置字符串的颜色fontsize(): 设置字体的大小link(): 将字符串显示成超链接str4.link("hello.html")sub() sup(): 下标和上标

  concat(): 连接字符串var str1 = "abc";var str2 = "dfg";document.write(str1.concat(str2));​charAt():返回指定指定位置的字符串var str3 = "abcdefg";document.write(str3.charAt(20));//字符位置不存在，返回空字符串​indexOf()： 返回字符串位置var str4 = "poiuyt";Document.write(str4.indexOf("w")); //字符不存在返回-1split()：切分字符串，返回数组var str5 = "a-b-c-d";var arr1 = str5.split("-");document.write("length: "+arr1.length);replace() ： 替换字符串传递两个参数：-- 第一个参数是原始字符-- 要替换成的字符var str6 = "abcd";document.write(str6);document.write("<br/>");document.write(str6.replace("a","Q"));substr()和substring()var str7 = "abcdefghuiop";//document.write(str7.substr(5,5));  //从第五位开始，向后截取五个字符从第几位开始，向后截取几位​document.write("<br/>");document.write(str7.substring(3,5)); //从第几位开始到第几位结束  [3,5)从第几位开始，到第几位结束，但是不包含最后哪一位

  创建数组（三种）var arr1 = [1,2,3];var arr2 = new Array(3); //长度是3var arr3 = new Array(1,2,3); //数组中的元素是1 2 3​var arr = [];  //创建一个空数组​属性：length：查看数组的长度​push() : 向数组末尾添加元素，返回数组的新的长度如果添加的是一个数组，这个时候把数组当做一个整体字符串添加进去​pop()：表示 删除最后一个元素，返回删除的那个元素​reverse(): 颠倒数组中的元素的顺序

  在java里面获取当前时间 Date date = new Date();//格式化 //toLocaleString()   //2015年4月17日 11:17:12js里面获取当前时间var date = new Date();​获取当前时间var date = new Date();document.write(date);  // Fri Apr 17 10:47:46 UTC+0800 2015 ​//转换成习惯的格式document.write("<hr/>");document.write(date.toLocaleString());获取当前的年方法getFullYear()：得到当前的年document.write("year: "+date.getFullYear());获取当前的月方法getMonth()：获取当前的月返回的是 0-11月，如果想要得到准确的值，加1var date1 = date.getMonth()+1;document.write("month: "+date1);获取当前的星期getDay()：星期,返回的是 (0 ~ 6)外国朋友，把星期日作为一周的第一天，星期日返回的是 0而星期一到星期六 返回的是 1-6document.write("week: "+date.getDay());​获取当前的日getDate()：得到当前的天 1-31document.write("day: "+date.getDate());获取当前的小时getHours()：获取小时document.write("hour: "+date.getHours());获取当前的分钟getMinutes()：分钟document.write("minute: "+date.getMinutes());​获取当前的秒getSeconds(): 秒document.write("second: "+date.getSeconds());获取毫秒数getTime()返回的是1970 1 1 至今的毫秒数​应用场景：使用毫秒数处理缓存的效果（不有缓存）http://www.baidu.com?毫秒数

  里面的都是静态方法，使用可以直接使用 Math.方法()​ceil(x): 向上舍入（进上去）​floor(x)：向下舍入（舍掉）​round(x)：四舍五入​random()：得到随机数（伪随机数）得到0-9的随机数Math.random()*10Math.floor(Math.random()*10));

  由于不属于任何一个对象，直接写名称使用​eval() ：执行js代码（如果字符串是一个js代码，使用方法直接执行）var str = "alert('1234');";//alert(str);eval(str);​encodeURI() ：对字符进行编码 - %E6%B5%8B%E8%AF%95%E4%B8%AD%E6%96%87aaa1234decodeURI()  ：对字符进行解码encodeURIComponent() 和 decodeURIComponent()isNaN():判断当前字符串是否是数字-- var str2 = "aaaa";alert(isNaN(str2));如果是数字，返回false如果不是数字，返回trueparseInt()：类型转换var str3 = "123";document.write(parseInt(str3)+1);

  什么是重载？方法名相同，参数不同​js的重载是否存在？ 不存在调用最后一个方法把传递的参数保存到 arguments数组里面​s里面是否存在重载？(面试题目)（1）js里面不存在重载。（2）但是可以通过其他方式模拟重载的效果 （通过aruguments数组来实现）​function add1() {//比如传递的是两个参数if(arguments.length == 2) {return arguments[0]+arguments[1];​} else if (arguments.length == 3) {return arguments[0]+arguments[1]+arguments[2];​} else if (arguments.length == 4) {​return arguments[0]+arguments[1]+arguments[2]+arguments[3];} else {return 0;}}

  navigator： 获取客户机的信息（浏览器的信息）navigator.appNamedocument.write(navigator.appName);​screen: 获取屏幕的信息document.write(screen.width);document.write("<br/>");document.write(screen.height);​location: 请求url地址- href属性A： 获取到请求的url地址- document.write(location.href);B： 设置url地址- 页面上安置一个按钮，按钮上绑定一个事件，当我点击这个按钮，                 页面可以跳转到另外一个页面- location.href = "hello.html";​<input type="button" value="tiaozhuan" onclick="href1();"/>鼠标点击事件  onclick="js的方法;"history：请求的url的历史记录创建三个页面1、创建第一个页面 a.html 写一个超链接 到 b.html2、创建b.html 超链接 到 c.html3、创建c.html​到访问的上一个页面history.back();history.go(-1);​到访问的下一个页面history.forward();history.go(1);

  window窗口对象顶层对象（所用的bom对象都是在window里面操作的）​方法window.alert() : 页面弹出一个框，显示内容简写alert()onfirm()： 确认框var flag = window.confirm("显示的内容");prompt()： 输入的对话框window.prompt("please input : ","0");window.prompt("在显示的内容","输入框里面的默认值");open() :　打开一个新的窗口open("打开的新窗口的地址url","","窗口特征，比如窗口宽度和高度") 创建一个按钮，点击这个按钮，打开一个新的窗口window.open("hello.html","","width=200,height=100");close(): 关闭窗口(浏览器兼容性比较差)window.close();做定时器 setInterval("js代码",毫秒数)  1秒=1000毫秒表示每三秒，执行一次alert方法window.setInterval("alert('123');",3000);setTimeout("js代码",毫秒数)表示在毫秒数之后执行，但是只会执行一次​表示四秒之后执行js代码，只会执行一次window.setTimeout("alert('abc');",4000);clearInterval(): 清除setInterval设置的定时器var id1 = setInterval("alert('123');",3000);//通过setInterval会有一个返回值clearInterval(id1);​clearTimeout() : 清除setTimeout设置的定时器var id2 = setTimeout("alert('abc');",4000);

  文档：超文本文档（超文本标记文档） html 、xml对象：提供了属性和方法模型：使用属性和方法操作超文本标记型文档​可以使用js里面的dom里面提供的对象，使用这些对象的属性和方法，对标记型文档进行操作​想要对标记型文档进行操作，首先需要 对标记型文档里面的所有内容封装成对象-- 需要把html里面的标签、属性、文本内容都封装成对象要想对标记型文档进行操作，解析标记型文档- 画图分析，如何使用dom解析html​解析过程根据html的层级结构，在内存中分配一个树形结构，需要把html中的每部分封装成对象，A:  document对象：整个文档B:  element对象：标签对象C:  属性对象D:  文本对象E： Node节点对象：这个对象是这些对象的父对象*** 如果在对象里面找不到想要的方法，这个时候到Node对象里面去找

  常用方法A: write()方法：（1）向页面输出变量（值）（2）向页面输出html代码var str = "abc";document.write(str);document.write("<hr/>");B: getElementById():（1）通过id得到元素（标签）​//使用getElementById得到input标签//传递的参数是标签里面的id的值var input1 = document.getElementById("nameid");  //得到input里面的value值alert(input1.name);   //标签对象.属性名称//向input里面设置一个值valueinput1.value = "bbbbb";C: getElementsByName();（1）通过标签的name的属性值得到标签返回的是一个集合（数组）//使用getElementsByName得到input标签var inputs = document.getElementsByName("name1");  //传递的参数是标签里面的name的值//alert(inputs.length);//遍历数组for(var i=0;i<inputs.length;i++) {   //通过遍历数组，得到每个标签里面的具体的值//每次循环得到input对象，赋值到input1里面var input1 = inputs[i];  //得到每个input标签里面的value值alert(input1.value);    }D: getElementsByTagName("标签名称");通过标签名称得到元素//演示getElementsByTagName//传递的参数，是标签名称var inputs1 = document.getElementsByTagName("input");                       //alert(inputs1.length);//遍历数组，得到每个input标签for(var m=0;m<inputs1.length;m++) {//得到每个input标签var input1 = inputs1[m];//得到value值alert(input1.value);}​注意如果只有一个标签，这个标签只能使用name获取使用getElementsByName返回的是一个数组，但是现在只有一个元素，这个时候不需要遍历，而是可以直接通过数组的下标获取到值​//通过name得到input标签var inputs2 = document.getElementsByName("name11")[0];alert(inputs2.value);​var inputss = document.getElementsByTagName("input")[0];alert(inputss.value);

  要操作element对象，首先必须要获取到element，使用document里面相应的方法获取方法（1）获取属性里面的值getAttribute("属性名称")var input1 = document.getElementById("inputid");//alert(input1.value);alert(input1.getAttribute("value"));（2）设置属性的值input1.setAttribute("class","haha");（3）删除属性input1.removeAttribute("name");​不能删除value​​想要获取标签下面的子标签使用属性 childNodes，但是这个属性兼容性很差获得标签下面子标签的唯一有效办法，使用getElementsByTagName方法var ul11 = document.getElementById("ulid1");//获取ul下面的子标签//var lis = ul11.childNodes;//alert(lis.length);var lis = ul11.getElementsByTagName("li");alert(lis.length);

  1）nodeName （2）nodeType（3）nodeValue​* 使用dom解析html时候，需要html里面的标签，属性和文本都封装成对象​* 标签节点对应的值nodeType： 1nodeName： 大写标签名称  比如SPANnodeValue: null* 属性节点对应的值nodeType： 2nodeName： 属性名称nodeValue: 属性的值* 文本节点对应的值nodeType： 3nodeName： #textnodeValue: 文本内容

  <ul><li>qqqqq</li><li>wwww</li></ul>​父节点ul是li的父节点parentNodevar li1 = document.getElementById("li1");var ul1 = li1.parentNode;alert(ul1.id);​* 子节点li是ul的子节点childNodes：得到所有子节点，但是兼容性很差​firstChild：获取第一个子节点var ul1 = document.getElementById("ulid");var li1 = ul1.firstChild;alert(li1.id);lastChild：获取最后一个子节点var li4 = ul1.lastChild;alert(li4.id);​* 同辈节点li直接关系是同辈节点nextSibling: 返回一个给定节点的下一个兄弟节点。previousSibling：返回一个给定节点的上一个兄弟节点。​//获取li的id是li3的上一个和下一个兄弟节点var li3 = document.getElementById("li3");//alert(li3.nextSibling.id);alert(li3.previousSibling.id);

  appendChild方法添加子节点到末尾特点：类似于剪切粘贴的效果insertBefore(newNode,oldNode)方法- 在某个节点之前插入一个新的节点- 两个参数* 要插入的节点* 在谁之前插入- 插入一个节点，节点不存在，创建1、创建标签2、创建文本3、把文本添加到标签下面- 代码/*1、获取到li13标签2、创建li3、创建文本4、把文本添加到li下面5、获取到ul6、把li添加到ul下面（在<li>貂蝉</li>之前添加 <li>董小宛</li>） */​//获取li3 标签var li13 = document.getElementById("li13");//创建livar li15 = document.createElement("li");//创建文本var text15 = document.createTextNode("董小宛");//把文本添加到li下面 appendChildli15.appendChild(text15);//获取到ulvar ul21 = document.getElementById("ulid21");//在<li>貂蝉</li>之前添加 <li>董小宛</li> //insertBefore(newNode,oldNode)ul21.insertBefore(li15,li13);removeChild方法：删除节点- 通过父节点删除，不能自己删除自己- /*1、获取到li24标签2、获取父节点ul标签3、执行删除（通过父节点删除）*///获取li标签var li24 = document.getElementById("li24");//获取父节点//两种方式  1、通过id获取 ； 2、通过属性 parentNode获取var ul31 = document.getElementById("ulid31");//删除（通过父节点）ul31.removeChild(li24);replaceChild(newNode,oldNode)方法: 替换节点- 不能自己替换自己，通过父节点替换- 两个参数** 第一个参数：新的节点（替换成的节点）** 第二个参数：旧的节点（被替换的节点）- 代码/*1、获取到li342、创建标签li3、创建文本4、把文本添加到li下面5、获取ul标签（父节点）6、执行替换操作 （replaceChild(newNode,oldNode)）*///获取li34var li34 = document.getElementById("li34");//创建livar li35 = document.createElement("li");//创建文本var text35 = document.createTextNode("张无忌");//把文本添加到li下面li35.appendChild(text35);//获取ulvar ul41 = document.getElementById("ulid41");//替换节点ul41.replaceChild(li35,li34);cloneNode(boolean): 复制节点- //把ul列表复制到另外一个div里面/*1、获取到ul2、执行复制方法 cloneNode方法复制 true3、把复制之后的内容放到div里面去** 获取到div** appendChild方法*///获取ulvar ul41 = document.getElementById("ulid41");//复制ul，放到类似剪切板里面var ulcopy = ul41.cloneNode(true)//获取到divvar divv = document.getElementById("divv");//把副本放到div里面去divv.appendChild(ulcopy);​​​※ 操作dom总结​* 获取节点使用方法getElementById()：通过节点的id属性，查找对应节点。getElementsByName()：通过节点的name属性，查找对应节点。getElementsByTagName()：通过节点名称，查找对应节点​* 插入节点的方法insertBefore方法：在某个节点之前插入appendChild方法：在末尾添加，剪切黏贴​* 删除节点方法removeChild方法：通过父节点删除​* 替换节点方法replaceChild方法：通过父节点替换

  这个属性不是dom的组成部分，但是大多数浏览器都支持的属性​第一个作用：获取文本内容//获取span标签var span1 = document.getElementById("sid");alert(span1.innerHTML);​第二个作用：向标签里面设置内容（可以是html代码）//向div里面设置内容 <h1>AAAAA</h1>//获取到divvar div11 = document.getElementById("div11");//设置内容div11.innerHTML = "<h1>AAAAA</h1>";

  * 使用submit提交<form>.....<input type="submit" /></form>​* 使用button提交表单- 代码//实现提交方法function form1() {//获取formvar form1 = document.getElementById("form1");//设置actionform1.action = "hello.html";//提交form表单form1.submit();}​* 使用超链接提交- 代码<a href="hello.html?username=123456">使用超链接提交</a>onclick：鼠标点击事件onchange：改变内容（一般和select一起使用）​onfocus:得到焦点  (ie5、某些版本的ie6)onblur:失去焦点