javascript没有方法，只有函数
javascript在编译时就运行，运行时就编译
DOM（文档对象模型）是用以访问 HTML 元素的正式 W3C 标准。
1、您只能在HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。
2、警告框： alert("警告框");
<script type="text/javascript"> function test(){ alert("这是一个弹出框"); }
</script>
alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便 3、询问框：prompt("提示框",“123456“); 4、确认框：Confirm（“删除后不能恢复”）使用比较频繁； 5、onclick：单击事件。ondblclick：双击事件 6、 document.getElementById("ID值")获取ID的值并赋值给一个对象。
<script type="text/javascript"> function getID() { var email = document.getElementById("email"); alert(email.value); } </script>
7、isNaN(x):判断是否为数字：是数字-false ，不是数字-true 8、三个“===”表示判断值、类型是否相等，有不相等2===“2”为false 两个“==”表示判断值相不相等，因为js变量是var型的，所以2==“2”为true 一个“=”和Java一样表示赋值。 9、浏览器会解释并执行位于 <script> 和 </script> 之间的JavaScript。 10、脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。 11、您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示： document.write("Hello \ World!"); 12、JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前 对所有代码进行编译。 13、JavaScript 注释： 单行注释以 // 开头。 多行注释以 /* 开始，以 */ 结尾。 14、JavaScript 变量： 声明变量：如：var x=2;var y=3;var z=x+y; 命名规则： 变量必须以字母开头变量 也能以 $ 和 _ 符号开头（不过我们不推荐这么做） 变量名称对大小写敏感（y 和 Y 是不同的变量）（JavaScript 语句和 JavaScript 变量都对大小写敏 感。） JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型 字符串可以是引号中的任意文本。您可以使用单引号或双引号： JavaScript 只有一种数字类型。数字可以带小数点，也可以不带： JavaScript 数组: 声明数组：var cars=new Array(); js数组不用给长度，可以存不同类型的数据 15、日期对象用于处理日期和时间。 返回当日的日期和时间 var date = new Date() 获取年份 getFullYear() 返回月份 getMonth() 返回日 getDate() 返回小时 getHours() 返回分钟 getMinutes() 返回秒数 getSeconds() 返回星期 getDay() 16、JavaScript 对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属 性和方法的数据。 对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分 隔，声明可横跨多行，如： var person={ firstname : "Bill", lastname : "Gates", id : 5566 };或者 person=new Object(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor="blue"; 字符串对象同时拥有若干个内建的方法。 var txt ="Hello" txt.length;输出txt的长度 txt.indexOf(“e”)：查找e在那个位置 txt.replace(“e”“l”)：把e替换成l txt.search() txt.split("",分割成几个字符数组)；把字符串分割为字符串数组。 txt.split("e");表示把字符串从e分割字符串。 获取对象的值得两种方式： name=person.lastname; name=person["lastname"]; 17、Undefined 和 Null Undefined这个值表示变量不含有值。 可以通过将变量的值设置为 null 来清空变量。 18、JavaScript 函数 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 JavaScript 函数语法： 函数就是包裹在花括号中的代码块，前面使用了关键词 function： 19、JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面 关闭后被删除。20、如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明，如：carname="Volvo"
21、js循环： JavaScript for/in 语句循环遍历对象的属性： var person={fname:"John",lname:"Doe",age:25}; var txt=""; for (x in person) { txt=txt + person[x]; } break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。
死链接：<a href="javascript:void(0)">死链接</a> 22、通过标签名查找 HTML 元素： var y=document.getElementsByTagName("p"); 23、JavaScript HTML DOM 事件 onload 和 onunload 事件 onload 和 onunload 事件会在用户进入或离开页面时被触发。 onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。 onload 和 onunload 事件可用于处理 cookie。 onchange 事件 onchange 事件常结合对输入字段的验证来使用。改变就出发onchange <script type="text/javascript"> function testA(){ var shi = document.getElementById("shi").value; alert(shi); var shi2 = document.getElementById("shi"); alert(shi2.options[shi2.selectedIndex].text)（查看select中option中的内容） } </script> 市<select id="shi" οnchange="testA()"> <option value="请选择1">请选择</option> <option value="成都1">成都</option> <option value="绵阳1">绵阳</option> <option value="雅安1">雅安</option> <option value="广元1">广元</option> </select> onmouseover 和 onmouseout 事件 onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。 onmousedown、onmouseup 以及 onclick 事件 onmousedown,onmouseup以及 onclick构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。 onfocus事件：获取焦点 onblur事件：失去焦点。 24、添加和删除节点（HTML 元素）。 创建新的 HTML 元素 如需向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。 <div id="divA"> <p id="p1">这是一段</p> <p id="p2">这是二段</p> </div> <script type="text/javascript"> var h1 = document.createElement("h1"); var nond = document.createTextNode("这是第三段"); h1.appendChild(nond); var divA = document.getElementById("divA"); divA.appendChild(h1); </script> 删除已有的 HTML 元素 如需删除 HTML 元素，您必须首先获得该元素的父元素： <div id="divA"> <p id="p1">这是一段</p> <p id="p2">这是二段</p> </div> <script type="text/javascript"> var divA = document.getElementById("divA"); var p1 = document.getElementById("p1"); divA.removeChild(p1); </script> 25、浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话” 26、window.open() - 打开新窗口 window.close() - 关闭当前窗口 window.moveTo() - 移动当前窗口 window.resizeTo() - 调整当前窗口的尺寸 27、window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。 location.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 location.port 返回 web 主机的端口 （80 或 443） location.protocol 返回所使用的 web 协议（http:// 或 https://） location.href 属性返回当前页面的 URL。 location.assign() 方法加载新的文档。 28、Window History window.history 对象在编写时可不使用 window 这个前缀。 为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。一些方法： history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击按钮向前相同
29、能获得标签对象，就能操作该标签的属性。 30、获取form表单： <form name="aa"> 姓名：<input type="text"> 密码：<input type="password"> <input type="button" value="提交" οnclick="aal()"> </form> <script type="text/javascript"> function aal(){ var aa = document.aa; alert(aa.length); alert("用户："+aa[0].value); alert("密码："+aa[1].value); } </script> 31、from的submi提交 onsubmit需要返回值：true则执行action否则反之 οnsubmit="return aal()"
jQuery学习: 在jQuery中能够获取就能够设置。 AJAX: 提交方式为post，想不乱码，只需要设置request对象的编码即可。 特点：局部刷新。（异步刷新） 提升用户体验、减少带宽使用、减轻服务器压力。 ajax的核心或引擎-XMLHttpRequest对象 url:待载入页面的URL地址 data:待发送 Key/value 参数。 callback:载入成功时回调函数。 type:返回内容格式，xml, html, script, json, text, _default。 $.post("Usedservlet?username="+usernae+"&password="+password,functio(data){ if(data == 1){ alert("存在"); }else{ alert("不存在"); } }); $.get("Usedservlet"{username:usernae,password:password},functio(data){ if(data == 1){ alert("存在"); }else{ alert("不存在"); } }); each遍历 $.each({username:"李浩",password:"123456"},function(i,d){ alert("name："+i+" value："+d); }); 选择器： $("div,span,p.myClass")：在给定元素下匹配所有这些元素组成数组 $("form input")：在给定的祖先元素下匹配所有的后代元素 $("form > input")：在给定的父元素下匹配所有的儿子元素 $("label + prev")：匹配所有在 prev 元素后的第一个兄弟元素 $("form ~ prev")：匹配所有在prev 元素之后的所有兄弟元素 $('li:first')：获取第一个元素 $('li').first():获取第一个元素 $("input:not(:checked)")：去除所有与给定选择器匹配的元素 $("tr:eq(1)")：匹配一个给定索引值的元素 $("tr:gt(1)")：匹配所有大于给定索引值的元素 $('li:last')：获取最后个元素 $("div").children():取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。 $("p").remove():从DOM中删除所有匹配的元素。 $("p").empty():清空p标签内的内容 $("img").attr("id")：设置或返回被选元素的属性值。 $("img").attr("src","test.jpg")：设置src得值 $("img").removeAttr("src")：从每一个匹配的元素中删除一个属性 selected、checked、disabled、readonly、ismap、multiple $("p").click( function () { $(this).hide(); }):触发每一个匹配元素的click事件。这个函数会调用执行绑定到click事件的所有函数。 $(document).ready(function(){ // 在这里写你的代码... })或者$(function() { // 你可以在这里继续使用$作为别名... }): 要在DOM就绪时执行的函数(ready函数不易于onload函数同时使用)； $("p").append("<b>Hello</b>")：向每个匹配的元素内部追加内容。 $("p").appendTo("div")：把所有匹配的元素追加到另一个指定的元素元素集合中。 $("p").show()：显示隐藏的匹配元素。 $("p").hide():隐藏显示的元素
