`
zcz123
  • 浏览: 151956 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类

学习JavaScript

阅读更多

                                                   JavaScript 编程宝典(第2版)

第一部分 语法基础第一章

 JavaScript 简介

 JavaScript 是一种小型的、轻量级的、面向对象的、跨平台的脚本语言,是目前最流行的网页客户端编程语言。 JavaScript 脚本程序作为HTML的一部分,由浏览器边解释边执行,具有平台无关性,支持的浏览器很多,包括IE、Navigator、Firefox和Opera等。

 JavaScript能做什么:表单数据验证、动态HTML、用户交互、数据绑定、少量数据查找、实现Ajax等。

 JavaScript 如何实现动态效果:使用BOM(Browser Object Model,浏览器对象模型)、DOM(Document Object Model,文档对象模型)和浏览器事件模型.

脚本程序的执行分为两种方式:顺序执行和事件触发执行。顺序执行之脚本被嵌入到HTML中,有浏览器有上至下依次顺序解释执行。这种情况,脚本只被执行一次。事件触发执行是有用户发出的动作触发执行

 JavaScript和浏览器:本书版本为1.5,目前所有主流浏览器都支持javascript1.5

 学习JavaScript需掌握的基础知识:HTML、CSS、XML 编辑器推荐几款:EditPlus Text editor、UltraEdit、Dreamweaver、Homesite。

 

第二章 HTML基础

 HTML 文件基本结构

 其中标记可以包含title,base,meta,script,style,link,object等标记,一般不会在浏览器中显示。显示所有内容,属性如下: id、class、style、title、background、text、link、vlink、alink、bgcolor、leftMargin、rightmargin、topmargin、bottommargin 颜色属性值通过两种方式指定:颜色名称、十六进制颜色代码。十六进制颜色代码:由六位十六进制数组成,每两位一组,分别代表R、G、B,范围都是00-FF,即0-255,颜色代码范围有000000(纯黑)-FFFFFF(纯白),引用时在代码前加"#".

层的控制对字符的分组超链接在定义 属性:href,shape,coords,target,tabindex,name(瞄点名称)
路径:分为相对路径和绝对路径。相对路径中, "./"当前页面所在目录,"../"表示上一级目录如:http://www.baidu.com/uu/ss/file.html-file2 表示http://www.baidu.com/ss/file2.html>
mailto链接 Email to me:dfdfd@qq.com dddd.rar
表格属性:width表格宽度:xxpx(像素),或是带"%"的百分比值相对于上级标记、cellspacing单元格间距、cellpadding单元格内容间距、vlign垂直对齐<th>表头单元格一般加粗 rowspan跨行、colspan跨列、表格嵌套
表格分组:<thead><tbody><tfoot><colgroup>
FORM表单
表单属性:name,method,action,target
INPUT元素属性:name,accept,accesskey,type,value,size,maxlength,checked,disabled,readonly,src,tabindex
type属性:text,password,radio,checkbox,submit,reset,hidden,button,image,file
SELECT元素:<select name="" multiple="" size=""><option><optgroup></select>
TEXTAREA元素:<textarea name="" rows="" cols="" wrap(换行方式:off、soft、hard)></textarea>
框架frame如:<frameset rows="" ><frame name="" src=""></frameset>
添加多媒体:<embed src="./sss.mp3" autostart="false" ></embed>
第三章 JavaScript快速入门
JavaScript 是一种嵌入html页面的脚本语言
引入JavaScript脚本的三种方式:<script>js代码</script>、直接加入到htm中格式如下:javascript:代码、使用src属性引用JavaScript脚本如:<script src="xxx.js"></script>
解决非JavaScript浏览器问题:使用<!--与-->和<noscript></noscript>标记对.
html语言不区分大小写,而JavaScript区分大小写
注释://单行注释 /* 多行注释(不允许嵌套多行注释)*/ js一般放在<head>头标记
第四章 数据类型和变量
JavaScript 支持5中基本类型即number(数值)、string(字符串)、boolean(布尔型)、undefined(未定义)和null(空).以及Array(数组)、Objects(对象)、Functions(函数)三种复合数据类型
转义字符:\b表示空格 \f表换页 \n,\r,\t,\',\",\\,\xXX,\uXXXX
数组是一组数据有序排列的组合。访问数组元素如:oneArray[0]
定义数组的三种方式:格式一: var name= new Array(num);//包含num个元素名为name的数组 格式二: var name=new Array(); 格式三: var name= Array(num1,num2,num3,.......);
数组不允许有多维,但允许嵌套。如:var name=new Array();
name[0]=[''fff,'f33',55]; name[1]=kkk; document.write(name[0][0]; 求数据长度: var len=arr.length;
变量和常量: 变量是运行过程中可能变化的数据,定义时变量名称符合标识符(首字母是字母或_,后面是字母或数字)但不能使JavaScirpt 关键字或保留字
变量作用域:局部变量和全局变量.定义在函数内是局部变量,在函数外的是全局变量
数据类型转换:JavaScript是自动转换类型.->由左到右转换 如var str="55"; var num=33; var x=str+num;//x=5533 y=num+str ; //y=88
与布尔类型的自动转换: 数值型0或NaN->false,否则为true;字符串为空->false,否则为true;undefined->false;null->false ;对象为true;强制类型转换:parseInt("55.33px")//55 parseFloat("555.44px") //555.44 而如果出现这样的转换 parseInt("x4.55") //返回NaN(表示不是数)
typeof返回数据类型 var s='name';var c=typeof(s); //c="string"
复合数据类型与基本数据类型的区别:基本数据类型变量直接存储值,而复合则是存储实际值的地址
例子如下: var a=20; var b=a; var a=33; document.write(b); //输出20 不变
var arrA=[1,2,3]; var arrB=arrA; arrA[0]=4; arrA[1]=5; arrA[2]=6; document.write(arrB[0]);//4,改变
第五章 运算符、表达式和语句
运算符又称为操作符,用于对数据进行各种运算,例如加、减运算等
表达式是由运算符与运算数组成的返回唯一值的式子。
语句是构成程序的基本单位,一条语句完成某种特定的操作
几种特殊运算符:条件运算符-条件表达式?m:n new运算符 var ss=new Date(); delete 运算符 var mydate=new Date(); delete mydate; typeof运算符 typeof("str"); //返回字符串"string"  instanceof运算符(用于判断对象的类型名称)如:var name=new String("小黑"); document.write(name instanceof String);//返回true; void 运算符如:<a href="javascript:void(window.open('./333.html')">打开新窗口</a> 还有[]、()运算符.
语句:if,for,for...in,while,do.....while,break,continue,switch,标签 labelName:    ;,with语句 with(objName){}
空语句:for(pro[i++] in document);
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics