JavaScript总结(终极大总结)

来源:互联网 发布:能源消费总量 数据 编辑:程序博客网 时间:2024/05/20 03:05
JavaScript
.JavaScript基本语法
.window对象及其对象
.BOM编程
.DOM编程
.JavaScript和CSS交互
.表单验证
.联级下拉框
.JSON数据格式
.面向对象JS
一.JavaScript语法基础:(严格区分大小写)
1.JavaScript(基本语法,变量,语句控制,数组,函数等)
如果写javaScript函数没起作用并且函数名都对一般是程序语句有错例如
==写成了=或者  少了半拉(
 BOM
 DOM
 2.<script>嵌套在文件中
 导入外部的JS
 3.JavaScript的基本语法
  3.1数据类型,变量
数值类型number
字符串类型string
boolean布尔型
undefined未声明
null类型
object类型
通过var声明变量
typeof(变量名)可以查看类型
3.2基本的运算符和Java语言类似
3.3控制语句和java语言类似
条件结构
循环结构
3.4 常用函数:
alert(内容);弹出框
prompt输入框
parseInt
parseFloat
isNaN()判断是否为非数字
自定义函数
function(参数){
传递的参数也可以是一个函数


}//其实对于js而言,函数声明无参数,
调用的时候也可以传递参数
有参数也未必要传递参数
对于这些特殊情况你可以通过argument数组来访问参数
函数的参数也可以传递一个函数
例:
function f(sss){

}
function g(a){
a;
}


调用时:
onclick="g(f("xxx"))"
内置函数调用javascript:history.go(1)
例子:<a href="javascript:history.go(1)">前进</a>


例子:
var s = promet("请输入一个数字:");//输入的内容都认为是字符串


alert(s+"100");//进行字符串的拼接
var a = parseInt(s);//
alert(a+100);
alert(isNaN(a));//是数字返回false不是数字返回true
6.window对象常用属性和方法
window.可省略
常用属性:screen,documet,history,location
常用方法:aert(),comfirm,prompt,open,
close()IE在可以关闭当前窗口firefox中不可以
setTime(函数,时间);
setTimeOut("f()",3000);//延迟3秒掉用f()函数
例:[
<script type="text/javascript">
function f(){


alert("helo");
}
setTimeout("f()",5000);


</script>

]
setInteval(函数,时间)每隔多少时间调用函数一次
Date对象:完成时钟
文本框中放入时间,时刻刷新即可
javaScript脚本可以防止body结束之前,
这样也有助于提高效率
事件:onload事件
例子:
var date = new Date();
var year = date.getYear()+1900;
var month = date.getMonth()+1;


document.write(year+","+month+","+date.getDate());
document.write("<br>");
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
document.write(hours+":"+minutes+":"+seconds);


打开窗口
window.open("damel1.html");
也可以对打开的窗口进行设置:
window.open("damel1.html","我的窗口","width=400,height=350,status=yes,resizable=yes");
//yes也可以用1代替
6.DOM编程:把浏览器上的元素当成对象来看


a.document
    document 属性访问方式访问表单元素
    getElementById("Id名字")根据id访问
    getElementsByName("name")根据name访问,得到一个数组
    getElementsByTagName("标签名")根据标签访问,得到一个数组
    var inputs = document.getElementsByTagName("input");
alert(inputs.length);
for(var i = 0;i<inputs.length;i++){
alert(inputs[i].type);
}
b.history
     go(1)/forward(),go(-1)/goback()
     <a href="javascript:history.go(-1)">后退</a>
     <a href="javascript:history.go(1)">前进</a>
c.location
     location.href="去的页面"
     location.reload
   d.改变超链接
   e.全选和全部选
   d.层的显示和隐藏
 7,String数组
   7.1string//关于正则表达式的验证
   var str = "ddd";
   var st = new String("ddd");
   var s = new Array(1,2,3,4,5);
   var array = new Arry(3);//这个参数没有限制作用
   
   array[0] = 1;
   array[1] = 2;
   array[2]=3;
   array[4] =4;//也是正确的,js没这么严格


13.总结:基本语法已经结束
很炫的效果,都是通过Js写出来的
很多效果常用,就有第三幅写了一些js
函数库供给大家使用。比较流行的Jquery
extjs,jqueryUI(在jquery基础上继续丰富函数库)



































































0 0
原创粉丝点击