一、基本语法
1、Java与Javascript比较：
Java代码需要编译才能执行，而JS代码不需要编译就能执行；
Java是基于服务端的语言，JS是基于客户端的语言。
（什么叫基于服务端和基于客户端？简单理解，就是需要在服务端执行的或需要在客户端执行的。）
2、目的
在于提升前端用户体验、交互；
3.内置JS代码
<script type="text/javascript">
<!--
javascript语句;
-->
</script>
4、声明变量
3.1 var 变量名=值;
3.2 变量名=值;
注意：变量的数据类型由存入的数据来决定
var x,y,z=10;
//只有z是10，x和y声明了但没赋值。
5. 数据类型
typeof(x) //返回x的类型
undefined 未定义，变量被声明后，未被赋值
boolean true和false
string 用单引号或双引号来声明的字符串
number 整数或浮点数
object javascript中的对象、数组和null
6. 运算符
只做运算，不做取整
alert(10/3); //3.33333335
alert(parseInt(10/3)); //取整数部分：3
7.弹框
--① 弹出消息框
alert("消息框内容");
写在控件里面：
<input type="button" value="确定" οnclick="javascript:alert('你点了我')">
--② 询问消息对话框：带确定和取消按钮的
confirm("你确定要删吗？");
怎么判断点的是确定还是取消？
confirm()返回的是boolean类型，点“确定”返回true，点“取消”返回false。
if(confirm("你确定要删除？")){
document.write("点了确定");
}else{
document.write("点了取消");
}
--③ 输入消息对话框
prompt("提示信息","输入框的默认信息");
prompt("请输入姓名","张三");
prompt("请输入姓名");
对输入的信息进行捕捉：
var a=prompt("请输入","0");
var b=prompt("请输入","0");
var c=a+b; //注意，这里的+是连接符
alert(c);
二、函数和windows对象
函数的定义：类似于Java中的方法，是完成特定任务的代码语句块。
1. 系统函数
--parseInt("字符串")
//将字符串转换为整型数字
--parseFloat("字符串")
//将字符串转换为浮点型数字
--isNaN()
//用于检查其参数是否是非数字
alert(isNaN("55"));
注意：函数不可以跨页面调用。但可以通过将函数写入js文件，页面调用该js文件，通过js代码重用来实现。
2、 获得文本框的值：
var ia=document.getElementById("ID").value;
3、为文本框赋值：
document.getElementById("ID").value="11111";
4、window对象
-- a、 常用属性：
screen: 有关客户端的屏幕和显示性能的信息
history: 有关客户访问过的URL的信息
location: 有关当前URL的信息
-- b、 常用方法：
prompt: 显示可提示用户输入的对话框
alert: 显示带有提示信息和确定按钮的对话框
confirm: 显示一个带有提示信息、确定和取消的对话框
--window.open("1.html");//打开新的指定页面 【注意路径级别】
--location.href("1.html");//不打开新页面的前提下直接进入新页面
--location.reload();//刷新当前页面
--window.close();//关闭当前页面
--history.back();//返回 必须有历史记录 history.go(-1)
--history.forward();//前进 必须有历史记录 history.go(1)
setTimeout: 在指定的毫秒数后调用函数或计算表达式
setInterval: 按照指定的周期来调用函数或表达式
-- c、 常用事件：
onload：一个页面或一个图像完成加载
onmouseover：鼠标移到某元素之上
onclick：点击对象
onkeydown：某个按键按下
onchange：域的内容被改变
三、BOM编程
1、匿名调用函数
匿名函数：没有名字的函数。
例1：
onload()
--①<body οnlοad="myf()">//直接放在body里 等body加载完毕后才执行
--②function test(){
alert("哈哈哈");
}
window.οnlοad=test;
--③window.οnlοad=function(){
alert("哈哈哈");匿名函数
}
2、时间对象
Date对象：时间对象、日期对象。
格式：
var 日期对象=new Date(参数)
//获得当前日期，参数格式：MM DD,YYYY,hh:mm:ss:ms
案例：
var today=new Date(); //返回当前日期和时间
var tdate=new Date("september 1,2015,12:23:33");
Date对象的方法：
setXxx：设置时间
getXxx：得到时间
让时间一直在显示：setInterval()方法
3、三种方式拿元素：
document.getElementById()/getElementsByName()/getElementsByTagName()标签名 掌控制
4、元素的显示和隐藏：
xx.style.display="none/block";
5、a标签
如果是调用js的方法：需要手动加上javascript:
6、全选思路：
要让所有其他复选框的选中状态跟全选框保持一致 .checked this
四、DOM编程
1、节点的增删改查
--查：getAttribute() setAttribute() firstChild lastChild parentNode childNodes
-- 增：createElement / cloneNode
--删：removeChild
--改：replaceChild
--位置：insertBefore appendChild
2、DOM动态操作表格
针对行操作先找到表格：table.insertRow/deleteRow(0)/rows
针对列操作先找到该行：row.insertCell/deleteCell/cells/rowIndex
怎么给列赋值：c0.innerHTML
五、js和css的交互
1、className方式 this.className='样式'
2、style属性方式 xx.style.fontSize
3、随着鼠标滚动的广告图片 scrollTop/Left拿当前样式 xx.currentStyle.top document.defaultView.getComputedStyle(xx).top
4、绝对定位：Z轴 position:absolute
六、表单验证(注册 登录)
1、提示两种方式：弹框 alert() 右侧提示span 失焦(onblur) 聚焦(onfocus)
2、记得做最终的验证 <form action="" οnsubmit="return"
4849
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
