JavaScript入门基础（二）

目录

1、JavaScript概述

2、HTML世界

3、JavaScript基本语法

4、JavaScript语句

5、JavaScript内置对象

6、Document对象

7、window和frame

8、表单对象

9、了解其他常用对象



HTML世界

2.1网页的基本概念

什么是Web

web是一种体系结构，通过它可以访问位于internet上的主机上的链接文档

计算机生成了可选文字: (l)Web是Intcmct提供的一种服务。城b是基一Inteoet、采用Intemet协议的一种体系结构，因而它可以访问Inte川et的每·个角落。(2)web是存储在全世界Intemet计育机中、数量巨大的文档的集合．或者说Web是世界上最大的电子信息仓库。(3)wcb上海最的信．息是由彼此关联的文档组成的，这些文档称为主页（HomePage）或网页（Pagc)．它是一种超文本〔Hypertexo信息，而使其连接在一起的是超链接（Hy，州初阅，由于超文本的特性，用户可以看到文本、图形、视频、音频等多媒体信息，这些媒体称为超媒椒Hyp.rlucdia):(4)wcb的内容保存在Web站点（web服务器）中，用户可以通过浏览器（Browscr）访问web站点。因此，web是～种基于客户机I服务器（Chen“女四er，简称Cls）的体系结构，由于它的广泛使用，现在这种体系结构可以称作浏览器／服务器归rowser/scrvcr，简称脚S)结构。也就是说，W七b实际卜是一种全球性通信系统．该系统通过Intemct使计算机相互传送基于超媒体的数据信息。(5)web以一些简单的方式（例如，单击鼠标即可去往超链接，浏览器通常是标准的应用程序，其网页基本上与平台无关等，联接全球范围的超媒体信息，因此．它易于使用和普及，基于Web开发各种应用易于实现跨平台．开发成本也较低：而且基于Web的应用常常几乎不需要培训用户。

 

计算机生成了可选文字: ·服务器技术主要指Web服务器建构有关的基本技术．包括服务铃策略与结构的设计、服务器软硬件的选择及其他有关服务器建构的问题。·H了ML技术盯ML是HypertextMa浅upLanguage（超文本标记语言）的缩写．它是构成挑b网页（Pagc）的主要工其。。CGI技术COI(ommonGatewayInter肠‘e，公共网关接口）是w比动态网页的基础．也是叭德b与其他应用交流的基础。例如，为了向用户提供查询服务，W曲网页就需要通过CGI与数据库服务器进行沟通。·J.”技术利用Jav。可以创建ApPlet，使之从股务器下载到浏览器，并在客户端的机器上运行：或者创建Sery[et，在服务器端执行后将生成的HTML文档传送到浏览器。Java可提供动画、音频和音乐等多媒体服务，并能产生原本只有CGI才能实现的功能。·J"ascrfpt技术JavascriPt是由Nct邪aPe开发的一种解释语言，它可以直接插入到HTML文档中。它具有Jav。的许多特性，但比Java更为简单有效，而且不徐要编译。.＾山vex技术和vBsc向t技术Acti,'ex是Microsoft的In姆附t战路的中心环节，它本质上是oLE技术在web上的应用二、，Bscr'pt则是Activcx的脚本功能。虽然＾ctivcx和vBscriPt很难具有平台无关等Webl司有特州·但Mic「仍。n的力量是不可忽视的。.vRMI．技术VRML是V'rtualReali、yModol,ngL田1翻age（虚拟现实造型语言）的缩写。vRML是创建三维（3D》对象最重要的上乓，’它能将Web静态带入动态、由炭维（2D)竺走向三维（3D)，将用户带入五彩缤纷的拟实世界，

与网页有关的概念

超文本

标记

链接

浏览器与服务器

计算机生成了可选文字: 浏览器与服务器之间按照”TrP协议（HypertcxtTransfer阮tocol，超文本传输协议）工作。

2.2 HTML基本语法

HTML简介

计算机生成了可选文字: HTML(HyportextMark叩Langua罗，超文本标记语言）是一种标记语言。它不是编程语言，不像编程语言那样（如C语言）需要编译、链接才能执行。它是一种描述性语言．用它生成的文档是一种带标记的文本文件。就像w0RD能识别Ix)C文件一样，HTML文档由浏览器识别并处理．

 

计算机生成了可选文字: HTML版本信息说明用来说明HTML文档类型（OTO)．它总是位于HTML文档的第1行，形式如：<!DOCTYPEHTMLPUBLIC”刃W3C／心TDHTML3.2//EN">

字体

标题：h1-h6，align

Font

size：1-7，默认3

Color

计算机生成了可选文字: 颇色名r目bl解kb气此甲忱nycllowpu印le乎月ywhitCsilv亡了RGB值打助000姗以城X】0禅0（洲沁ff#0朋0(X)舟m爪旧徉80（幻80禅808080脚印币T徉C《k0CD说明红色黑色兰色绿色员色紫色灰色白色银灰色顺色名goldbrown0!IVenavytea!l、mefuChsia比qUSSkvblUeRGB值禅加700岸a52心a尽名08000肠00080约08080内O柑以）＃月勺off浮叨1份材87伪比说明金色咖啡色橄榄色藏蓝色墨绿色草绿色紫红色海兰色天蓝色

修饰元素

计算机生成了可选文字: B元素指定一段文本，使浏览器将其显示为粗体字。．元素指定一段文本，使浏览器将其显示为斜体字。U元素指定·段文本，使浏览器将其显示为带下划线的文字。TT元素指定一段文本，使浏览器将其显示为固定大小的打字体字符。SUP元素指定一段文木，使浏览器用较小的字体将其显示为上标。SUB元素指定一段文本，使浏览器川较小的字体将其显示为下标。常见的逻辑样式元素包括：EM元素对文档中的某段文本进行强调，通常用斜体字显示出来。STRONG元素对文档中的文本进行强调，通常用粗体字显示出来。CITE元素用来指明文档中出现的书名或其他引用内容。

网页版式

分段、分行：<p></p>、<br/>

列表

计算机生成了可选文字: UL元素可用于创建一个无序列表，并以圆点等项目符号开始。列表中的每一项用U元素（Ll的意思是ListItm劝口以标识．LI元素可以不加结束标记。

 

计算机生成了可选文字: 有序列表元素oL与无序列表类似．但项目符号为序号数字或字母（默认为阿拉伯数字形式）。

网页修饰：HR

预格式化文本：PRE使文本块以等宽字体显示，并保留预先排列的格式

2.3超链接

HREF

计算机生成了可选文字: 在浏览器中．超文木通常会以不同颜色且带下划线的字符表示。一般未访问、正选中和己访问等状态川不同的颜色表示，这些颜色可以通过浏览器来设置，也可以通过BODY元素的LINK、ALINK和VL俐K属性设置。

NAME:锚点

计算机生成了可选文字: 选择＜AHREF二”htm】2一3。3.html瀚cre、此处心A＞将跳转到btrnIZ一3一3.honl文档中用A元素NAME指定的地方，

2.4表格

基本语法

计算机生成了可选文字: TR用来定义表行（几blcRow).TH用来定义表头（TableHead）。TD用来定义表格数据（TableData)，也就是表头以外各行的表元。

跨行、跨列

计算机生成了可选文字: 跨列用属性COLSR气N实现，跨行用属性ROWS队N实现

表格尺寸

计算机生成了可选文字: TABLE的WIDTH和HEIGHT属性

 

计算机生成了可选文字: <T妞L它BORDERCr七LSPACING＝者世＞

 

计算机生成了可选文字: <"sLEBoRDERcELLP入。。ING＝数值＞

表格对齐和设置

计算机生成了可选文字: <TRAL1GN一1eft}centerlr工qht><THALIGN一left1center1right》<TDALIGN,left1center!right><TRVALI溯一top!mlddle1bottom<THVALIGN一top！风iddle}botLom<TDVALIGN'top1mlddle1bottombaseline>匕扭sel二ne>baseline>

标题

计算机生成了可选文字: <CAPTIOHV几工IGN一七Op<CAPTIOHALIGN,leftbottom>Centerrlqht>

表格颜色

计算机生成了可选文字: 表元的颜色可以通过BGCOLOR属性来设置，其值可以是预定义的颇色名或者十六进制的RGB颜色值。表元可以通过BACKGROUND属性将图像设置为背景，其值是图像的URL。表格边框以及表元边框的颜色可以通过eORDERcOLOR属性来设置．其值可以是预定义的颜色名或者十六进制的RGB颜色值。

2.5表单

表单及文字输入

计算机生成了可选文字: 表单元素最重要的两个属性是METHOD和ACn0N.METHOO说明应该如何将来自表单的输入数据传递给要处理数据的程序，最常用的属性值是ge．和post（分别代表了两种网络传递数据的方法）。ACTIoN则指定负贡处理表单数据的程序（程序的URL）。

 

复选框和单选框

计算机生成了可选文字: <INPUTT丫P三一cheCkbox<INPOT士丫PE'CheCkbox'INPUTTYp它一ch.Ckboxrad工O>radioCHECKED>rsdioVA二．U它一”vdlue''>

列表框和多行文本框

计算机生成了可选文字: <S它LECTNA例卫一”nd讯e"><OPTIO抽＞…'ISELECT>

 

计算机生成了可选文字: 当预计用户的输入文本超过一行时，可使用多行文本框。多行文本框由T以TAREA元素定义，它的常用属性有3个：由NAME规定文木框的名字；ROWS定义文本框的行数；COLS定义文本框的列数，其格式是＜TEXTAREANAME二”朋功砂ROWS，姗阮，COLS一nu月门ber>,

2.6 HTML的高级功能简介

帧（框架）：在出现FrameSet元素的文档中，不再使用BODY元素

计算机生成了可选文字: 可载入独立的URL，与其他帧无关；．可赋予一个名字，以便其他URL作为目标进行调用：可根据用户浏览器的窗口大小，自动调整尺寸，并能选择允许或不允许用户手动调节帧大小。

 

计算机生成了可选文字: ＜犷p盛封卫S它T>．、，</r只几M万SET><FR八月乙3RC＝口RL><NOFRAM日＞…＜/NOFRA冈E>

 

计算机生成了可选文字: <r和井洲王SETCOLS'n%,n烤，…＞<rRA洲ESETRQ衬S一n%,n洛，…＞

 

计算机生成了可选文字: <rRA刊已N再村E=",framename”》<AHREr.URLTARGET.'．上r。爪ena代e'.>

 

计算机生成了可选文字: b【ank弹出新的无名帧：self将链接指向本帧：夕咐nt将链接指向父帧（如果没有父帧，就指向自身）:少p指向最顶层，实际上就是整个浏览器帧J

 

计算机生成了可选文字: <FRA从EFRA月艺BORDER=YeSno或1.C>

 

计算机生成了可选文字: <FRAMESETFRAHESPACING=nV为ber,

 

计算机生成了可选文字: <FPAHESETBORDERCOLOR一co二0:>

 

计算机生成了可选文字: <FR八月它SCROLLING一yes.nola让to>

图像：不要结束标记

计算机生成了可选文字: <I加GSRC二口只乙＞

 

计算机生成了可选文字: <IHG钟1DTH一Vdl口eH卫：GHT一v日IU户＞

 

计算机生成了可选文字: <T网‘sRc="hlghres．口if."LO衬SRc一’‘二。可res.:p勺”>

 

计算机生成了可选文字: <l日GSRC一口月LALIGK=le万七工191、ttoptexttopnlddleabsmiddlebaselinebottomabsbottCr>

图像映射

计算机生成了可选文字: <AH只卫F,.http:/／讨ww.bh.com/h:bin，二尸age口ap;salnple"><TMGSRC,"sample.gif"ISMA夕＞＜·入：·

 

计算机生成了可选文字: <IMGSRC一”二／imaqes/tech/plcl.9工f"USE冈A户‘.,aps。html禅mapl">

音频和视频

计算机生成了可选文字: <BGSOUNDSRC一”start。wov',>

 

计算机生成了可选文字: 属性LOOP可指定声音播放的次数，

 

计算机生成了可选文字: <SOUNDSRC=',filena几e．材av">

 

计算机生成了可选文字: SOUND不是背景声音，它可放置于HTML文档的任何地方，只要声音文件所处的位置在浏览器窗口中可见，M仍aic就开始播放声音。

 

计算机生成了可选文字: <E叼SEDSRCoURL>

 

计算机生成了可选文字: EMBED中一叮以抽入各种形式的多媒体文件（实际是各种对象）,音（Sound）、虚拟现实语一（vRML）对象等‘浏览器通过插椒Plug一In）来播放EMBED嵌入的多媒体文本，件安装正确。EMBED对于不同的插件其仃不同的属性。包括电影（Movie）、声因此，使用前必须将插

 

计算机生成了可选文字: <IMG口YNSRC一，v盆deo.avi"SRC一”The云arth.gif'"W!D丁H=50H艺IGHT'50LOO卜Inf工nl七eALIGN,rlqti七＞

 

计算机生成了可选文字: <IHGSRC一”pictur二qif"v只州L="，树c:IJ．脚rl"月弓IGHT二250WIDTH.300＞。


posted @ 2012-08-29 20:41  zs234  阅读(188)  评论(0)    收藏  举报