学习JavaScript

zcz123

浏览: 157255 次
性别:
来自: 厦门

最近访客更多访客>>

mhx1535

spedit

josephgch

偶然——相逢

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

JavaScript 浏览器脚本 Dreamweaver 嵌入式

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);

分享到：

几个免费下载原版图书的网站 | 学习别人的经验

2009-03-21 14:42
浏览 1203
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论