javascript知识总结文档格式.docx
- 文档编号:19190269
- 上传时间:2023-01-04
- 格式:DOCX
- 页数:29
- 大小:47.44KB
javascript知识总结文档格式.docx
《javascript知识总结文档格式.docx》由会员分享,可在线阅读,更多相关《javascript知识总结文档格式.docx(29页珍藏版)》请在冰豆网上搜索。
/body>
:
此时,脚本会在浏览器load页面时被执行。
head>
/head>
此时,脚本不会被浏览器所执行。
但,可以被其他脚本所引用。
在HTML标签内部的javascript:
称为“事件响应程序“,并允许脚本处理HTML元素。
.js文件:
可以把javascript写在一个独立的javascript文件中,然后在由src属性引用它。
这是标准的写法。
标准的写法是,在HTML外部编写独立的.js文件。
然后在由<
的src属性引用该文件。
这样做的原因是:
可以使HTML文件清晰并且体积小、结构化好、便于维护javascript、可读性增强等。
如果在<
标签内引用了.js文件的话,则,<
之间的代码将会被浏览器忽略掉。
通常也没有必要再在这里写任何javascript语句了。
编写独立的javascript文件(.js)有一个显著的优点:
多个文档可以同时使用一个.js文件,由于浏览器会在缓存中保存脚本文件,所以这样可以很有效的缩短显示网页的时间。
Javascript的事件响应机制:
由于javascript可以很好的实现交互式的页面,所以“事件响应“机制是必不可少的。
可以通过以下语法实现事件响应的定义:
buttononClick=”alert(‘Youclickedthebuttons.’)”>
可以在HTML标签内部指定将要响应的事件名,与””括住的响应方法。
来实现。
我们可以把事件的响应代码放在独立的javascript文件中。
这样可以把一个.js文件应用到多个标签上。
不但可以节省代码,当要修改响应代码的时候也非常的便利。
就象是C中的宏定义一样。
WEB浏览器与javascript:
Javascript在不同浏览器上的执行结果是完全不同的。
这使得很难编写出能够运行在所有WEB浏览器上的代码。
在某些不兼容的浏览器上完全有可能导致javascript不被执行,甚至是浏览器出现错误。
什么是DOM?
DOM就是DocumentObjectModel的缩写。
翻译成中文就是”文档对象模型”。
是指用来呈现WEB文档的一组标准化对象的运用。
使用javascript通过DOM可以完全的控制整个页面。
如何指定javascript的版本?
有2种方法可以指定javascript的版本:
可以在language属性中指定,如:
scriptlanguage=”javascript1.6”>
也可以在type属性中来指定。
这里有一点要强调的是,如果指定了javascript的版本,那只有在浏览器支持相应版本或更高版本的javascript时,脚本才会被执行。
否则,将不会被执行。
如果没有在<
标签内明确指定javascript的版本的话,则,只要WEB浏览器支持javascript都会执行该脚本。
大部分情况下不需要指定javascript的版本,这样可以保证javascript可以在所有支持javascript的浏览器上得到执行。
只有当javascript中使用了某一特定版本所具有的功能时,才有必要明确指定javascript的版本。
Javascript在浏览器之外的应用:
通常javascript是运行在WEB浏览器上的,但是javascript在其他应用程序上的应用也是日益广泛。
下面介绍几点javascript在其他环境运行的版本:
用于WEB的应用程序与多媒体,比如flash。
可以通过javascript进行扩展。
有几种服务器版的javascript,它们运行在WEB服务器上。
Microsoft公司的”Windows脚本宿主”支持jscript(javascript的微软版本)是Windows的通用脚本语言。
除了以上的例子外,javascript一直在向通用脚本语言的方向发展。
将来javascript版本将会做出更多的改进。
Javascript的应用方面:
改善导航功能:
javascript最常用的应用就是网站的导航系统,这是javascript实现交互式页面的最直接的体现。
并且该功能在不支持javascript的浏览器上一样可以使用的。
验证表单:
使用一个简单脚本就可以读取表单数据,同时确保输入格式的正确。
而不必等待服务器的响应。
特殊效果的实现:
可以创建一些简单并且美观的特殊效果,来吸引访问者的眼球。
当然不要做的太花俏,甚至会让访问者感觉到讨厌。
Ajax(远程脚本):
长期以来,javascript最大的缺陷是:
没有办法与服务端通讯。
Ajax使得不需要加载页面的情况下上传数据到服务端或从服务端下载数据到本地。
临时插上一句:
利用W3C的DOM可以在页面中创建出:
可拖放的对象、图片之间的逐渐淡去效果等。
其它WEB开发语言:
Javascript并不是开发WEB的唯一语言,在某些情况下其他语言要比javascript更适合。
下面将介绍一些其他WEB类语言:
Java:
Java是sun公司开发的一种面向对象且跨平台的语言。
可用来创建Applet,可以在网页中执行的程序。
Java编译后产生了字节码,Applet的字节码由WEB浏览器来解释并执行。
因此,相同的JavaApplet在不同的硬件体系与操作系统上都可以执行。
ActiveX:
由Microsoft开发的一种规范,它使得普通的Windows程序可以运行在网页上。
可以通过VisualC++或VisualBasic来编写ActiveX程序,然后在部署在WEB服务器上。
ActiveX的程序也称为”控件”,由WEB浏览器下载并执行。
ActiveX程序,在第一次下载的时候将会被安装到电脑上,不需要重复下载。
ActiveX只能够在基于Windows的IE浏览器上使用。
VBScript:
顾名思义,就是VisualBasic的脚本语言。
是Microsoft对抗javascript所开发的产品。
Javascript的语法是基于java,而vbscript的语法则是基于VisualBasic。
对于已经掌握VisualBasic的程序员来说学习vbscript比javascript更容易些。
Vbscript只能够在IE上执行。
CGI:
CGI(通用网关接口),是一个能够使程序在WEB服务器上运行的规范。
第二章:
创建简单的脚本
与其它一些编程语言不同,创建javascript脚本不需要特别的软件。
实际上你已经拥有了这些软件。
下面会介绍到编写并测试javascript所需要的相关软件。
文本编辑器(编写javascript)
Javascript脚本被保存为文本格式,只要文本编辑器可以保存Ascii码文件就可以来处理javascript文件。
Windows下的”记事本”就是一个最简单的编写javascript的软件。
切记一点,最终的javascript文件,必须要被保存为Ascii文本,否则浏览器将不能够识别它。
笔者建议在开发比较复杂的程序时,最好使用专用的编辑器,否则将会给你的开发带来许多不便。
专用的编辑器一般都有提供文本加亮功能,这样的话,有很多错误可以在编辑过程中被发现。
笔记中就不记载编辑器的信息了,只限于讨论语言本身。
开始编写脚本
在HTML文档中脚本被包含在<
如果浏览器在<
之间发现了无效的javascript语句的话,将会显示javascript错误信息。
在javascript中变量被理解为一个容器,用于存储数据。
在javascript中变量是无类型的。
Javascript中标识符是区分大小写的,这一点要予以注意。
在javascript中语句结束标记(;
)不是必须写的,但是笔者建议大家写,因为这样可以提供可读性。
无论是什么规则尽量不要用缺省的写法。
在javascript中创建输出:
Javascript内置了一些显示信息的方法,最简单也是最常用的方法是:
document.write()该方法的输出将被作为WEB页面的一部分来显示。
可以在javascript中以字符串的形式插入HTML标签,一般用于格式化输出。
执行javascript脚本:
Javascript代码编辑完之后可以在WEB浏览器中加载该脚本以运行它,我们可以看到它的执行结果。
具体加载脚本的步骤是:
文件->
打开->
选择文件名->
打开该文件
当然最简单的办法就是,直接运行.html\.htm\.js等文件,因为该类文件的默认打开程序是WEB浏览器。
这里有一点要予以注意,IE6.0的默认安全设置允许执行远程的脚本,但不允许执行本地脚本。
如何处理javascript中存在的Bug:
Javascript中的错误通常都是由输入错误所引起的。
一般的语法错误WEB浏览器可以显示错误信息以便于程序员诊断。
在Firefox中我们可以通过“错误控制台”来测试脚本。
通过错误控制台可以执行一条javascript语句,并且可以定位错误行。
遗憾的是并不是所有的错误都可以被浏览器识别出来。
第三章:
开始javascript编程
Javascript中的语句:
语句是javascript脚本的基本组成单元,其实,一条语句就是执行某一特定功能的代码而已,通常由分号(;
)结尾。
每一条语句可以在javascript控制台中单独被执行。
在javascript中语句并不一定非要以分号结尾的,在语句独占一行的时候可以不写分号的,但是笔者建议大家一定要写分号,这样可以提高代码的可读性。
当然这也是标准的写法。
利用函数(function)来完成任务:
在javascript中使用函数的优点有2处:
可以很好的把脚本的各个逻辑块分离,从而让脚本更便于人们理解。
结构化增强,便于维护。
可以避免使用重复的语句,从而降低最终脚本的体积。
函数的通用性使得利用固有的算法处理不同的数据(data)。
Javascript包含许多内置函数,从而javascript可以完成更为强大的功能,使得开发更加的简单、高效。
Javascript中的变量:
在javascript中可以通过关键字var声明变量,例如:
varvalue=99;
以上语句声明了一个变量value并且向其内部赋入99。
在javascript中变量可以隐含被声明,也就是不必指定关键字var。
javascript中变量是无类型的,准确的说是在声明的时候不用给变量指定数据类型。
理解javascript中的对象(object):
Javascript支持对象,所以我们可以把它理解为“面向对象”。
但是它并不是真正的支持面向对象,但是javascript正在向着这方面发展。
相信在不久的将来javascript可以实现真正的面向对象机制。
由于“面向对象”与“面向过程”是2种完全不同的“程序设计思想”,所以有一些关于面向对象的概念需要我们重新来认识:
对象中储存的数据称为对象的属性(描述对象的静态特征)。
基于对象的方法(对数据的操作)被称为行为(对象所具有的行为,属于对象的动态特征)。
在javascript中也和其他面向对象的语言相同,是使用.来引用对象的成员,比如:
Object.Display();
Javascript支持3种类型的对象:
Javascript的内置对象:
DateStringArrayMath等。
文档对象模型(documentobjectmodel):
该对象表示了浏览器的组建与当前HTML文档。
自定义对象:
由程序员自己创建的对象。
Javascript中的“分支语句”:
根据Boolean值来判断该执行哪条语句(分支体)。
从而做出更加恰当的选择,也可以根据用户的输入来执行特定的程序路线。
Javascript中的“循环语句”:
根据Boolean值来判断是否继续执行同一个语句或同一个块(循环体)。
这一章不会深入讲到循环,所以这只记载关于循环的简单介绍。
Javascript中的“事件响应程序”:
Javascript中的事件处理程序实际上就是处理页面事件的脚本而已。
一个事件实际上就是发生在浏览器中的一个动作,可以用以下关系来描述:
动作->
触发->
事件
一个事件实际上表明了发生在某一特定对象上的动作,脚本可以通过预先设定的响应代码来响应该事件。
有些“事件”是预期的,或者说是:
我们希望它(事件)发生的。
而有些事件则是在我们预期只外的,我们不希望它发生的。
Javascript中的事件响应程序,告诉浏览器在一个特定的事件发生时,它(浏览器)该如何做。
脚本(script)是按照用户的动作来响应的,并非顺序执行。
有些事件是由用户所触发的,而有些则是由浏览器所触发的,比如下载页面完毕等。
每个事件处理程序与一个浏览器对象相关联,也就是说:
它(事件)只为该对象服务。
每一个浏览器对象所能够监听到的事件都不同,我们可以在对象标签内指定事件响应程序。
WEB浏览器执行脚本的顺序:
在一个WEB文档里,可能包含了多个脚本。
也就是多组<
标签,但是浏览器先执行哪个脚本后执行哪个脚本呢?
这由一个“逻辑形式”所决定:
先执行<
标签内部的script,因为<
标签内的脚本不能够理解被执行而只是被预先定义,一被后面的脚本所引用。
所以在这里定义函数是非常合适的。
执行完<
之后,浏览器开始执行<
/bodu>
标签,该标签内的脚本将会被立即执行。
有多个脚本则按照先后次序依次被执行。
此时浏览器将会进入等待状态,等待事件的发生。
当特定事件发生时,浏览器会去执行预先定义的事件处理程序(通常被定义在<
标签内。
Javascript语法规则:
Javascript的语法规则,就是定义如何来使用该语言。
Javascript的语法规则应该是有浏览器内部的解释器定义。
以下有几点javascript的几点基础规则:
区分大小写:
javascript中的标识符是区分大小写的,这与其他一些语言是相同的。
Javascript中的关键字必须要小写。
Javascript的内置对象是以大写字母开头的,比如:
Math\Date等。
DOM(文档对象模型)对象必须要小写,但其方法通常是大小写混合。
标识符大小写错误,可以被浏览器识别,属于是语法错误。
标识符的命名规则:
javascript中的标识符可以是字母、数字、下划线。
但是标识符不可以以数字开头。
这一点与C语言是相同的。
保留字:
保留字是javascript语言系统所定义的具有特殊含义的‘词’。
不可以用做标识符。
Javascript中的保留字包括:
控制程序执行流程的if\for,DOM对象window\document,还有内置对象Date\Math等。
空格符号:
javascript是忽略空格的,包括在一行在包含空格与TAB符号,或者是空白行。
空格的出现主要是为了提高javascript的可读性。
在javascript中使用注释:
学习过计算机语言的人都应该知道“注释”实际上就是对程序代码的附加说明,主要是为了提高可读性的目的。
这在其他人阅读你写的程序或过一段时间在回过头来读自己的程序都是非常有帮助的。
如果想在javascript中添加注释的话,可以使用以下2种格式:
1,//注释说明,此种格式的注释主要用于为一行代码注释说明使用的,与C++的注释语法是一样的。
2,/*注释说明*/,此种格式的注释将跨越多行把阔住的内容注释掉。
这是C语言风格的注释,在调试代码的时候是非常有帮助的。
在注释范围内的所有内容都将被解释程序所忽略,不会得到执行机会。
这里有一点要注意到:
以上2种注释方法,是基于javascript的,所以只能够在<
标签内使用或是在.js文件中使用。
不可以使用在HTML标签之间。
第四章:
文档对象模型(documentobjectmodel)
本章将系统的介绍“文档对象模型”,它是javascript最重要的工具之一。
它(documentobjectmodel)允许javascript控制WEB窗口与文档。
DOM的出现使得javascript成为制作动态页面的强有力工具。
认识文档对象模型(documentobjectmodel):
DOM的出现,使得javascript控制操作WEB文档极其内容,javascript可以把一个新的页面加载到浏览器、可以打开一个新窗口与动态修改页面中的内容。
为了方便的操作浏览器的窗口与页面,javascript使用了分层的父对象与子对象结构,这就称为DOM。
其实这就是文档对象模型(documentobjectmodel),其实就是文档中元素对象的组织结构。
这些元素对象的组织结构类似一个树型结构(tree)。
以此种结构表示WEB的文档内容与组件。
DOM并不是javascript的组成部分,而是内置在浏览器中的应用程序接口(API)。
DOM对象拥有属性与方法,属性用于描述WEB文档的特征,而方法用于操作WEB页面。
在DOM中是用一个圆点(.)来间隔父对象与子对象的。
DOM中的对象表现为分层的树型结构。
Window对象:
Windows对象是浏览器对象层的最顶层对象,该对象表示有个浏览器窗口。
框架也可由window对象表示。
如何处理WEB文档?
我们知道document对象代表一个WEB文档(页面),WEB文档被浏览器打开并显示在浏览器窗口中。
Document对象是window对象的子对象,所以可以标准的来引用该对象:
window.document
如何获得WEB文档的信息?
当前文档的信息被包含在document对象的属性中:
Document.URL:
指明了该文档的URL地址,其内部存储了一个字符串。
而且该属性是“只读属性”。
Document.title:
指出当前文档的标题,由HTML中的<
title>
标签定义。
Document.referrer:
用户浏览的上一页面URL。
Document.lastModified:
文档最后修改日期,该属性从服务器获得数据。
Document.bgColor:
文档的背景颜色。
Document.fgColor:
文档的前景颜色。
Document.linkColor:
是文档中连接的颜色。
Document.cookie:
关于该文档的cookie。
如何在文档内写入文字?
Document.write()方法的作用是写入文字到指定文档,而document.writeln()不但可以想document.write()那样写入文字而且还在最后写入一个换行符号(\n)。
使用link和anchor对象:
Link是document的子对象,可以这样来引用它:
document.link;
link对象代表一个连接。
可以通过links数组来访问多个link对象,links数组中的每一个元素都是当前文档中的一个link对象。
通过该语句可以得到当前页面中的连接数量:
document.links.length;
link的Href属性包含了当前连接的完整URL。
Anchor对象也是document的子对象,anchor对象代表了当前文档直接跳转的位置。
基于WEB浏览器的history对象:
History是window的子对象,history对象保存着当前URL之前与之后访问过的地址。
而且history对象包含了到达之前地址与之后地址的方法。
History对象只有一个可以被访问属性:
History.length:
该属性保存了用户曾经访问过的网址数目,也就是历史列表的长度。
History提供了3个方法来访问历史列表:
history.go():
打开历史列表中的指定网址。
history.back():
打开历史列表总的前一网址。
history.forward():
打开历史列表中的后一个网址(如果有的话)。
使用location对象:
Location是window的子对象,该对象储存了当前窗口地址栏中的URL信息。
Location对象的属性包括:
location.protocol:
该属性保存了URL的协议部分。
location.hostname:
该属性保存了URL的主机名部分。
location.port:
该属性保存了URL中的端口号部分。
location.pathname:
该属性保存了URL中的文件名部分。
location.search:
保存了URL的查询部分(如果有的话)。
location.hash:
保存了URL中的anchor名称(如果有的话)。
通常会用到location.href属性来加载新页面到当前浏览器窗口。
Location对象有2个方法:
location.reload():
该方法会刷新当前页面,如果给定参数true的话,则不保存当前页面中的更改强行重新加载页面。
location.replace():
替换一个新的位置。
第五章:
javascript中的变量、字符串与数组
给变量命名的规则:
在javascript中变量是有名称的一个容器,用于储存数据。
而给变量命名的时候要遵守一定的规则:
变量名称可以包含字母、数字、下划线。
变量名称中不可以出现空格或其他标点符号。
变量
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- javascript 知识 总结
![提示](https://static.bdocx.com/images/bang_tan.gif)