js入门教程产品流程欧缇斯软装饰.docx
- 文档编号:11509843
- 上传时间:2023-06-01
- 格式:DOCX
- 页数:69
- 大小:292.10KB
js入门教程产品流程欧缇斯软装饰.docx
《js入门教程产品流程欧缇斯软装饰.docx》由会员分享,可在线阅读,更多相关《js入门教程产品流程欧缇斯软装饰.docx(69页珍藏版)》请在冰点文库上搜索。
js入门教程产品流程欧缇斯软装饰
JavaScript教程语言概况
Internet时代,造就了我们新的工作和生活方式,其互联性、开放性和共享信息的模式,打破了传统信息传播方式的重重壁垒,为我们带来了新的机遇。
随着计算机和信息时代的到来,人类社会前进的脚步在逐渐加快,每一天都有新的事情发生,每一天都在创造着奇迹。
随着Internet技术的突飞猛进,各行各业都在加入Internet的行业中来。
无论从管理方面,还是从商业角度来看,Internet都可以带来无限生机。
通过Internet,可以实现地区、集体乃至个人的连接,从而达到一种“统一的和谐”。
那么怎样把自己的或公司的信息资源加入到WWW服务器,是广大用户日益关心的问题。
采用超链技术(超文本和超媒体技术)是实现这个目标最简单的、最快速的手段和途径。
具体实现这种手段的支持环境,那就是HTML超文本标识语言。
通过它们可制作所需的Web网页。
通过超文本(HyperText)和超媒体(HyperMedia)技术结合超链接(Hyperlink)的链接功能将各种信息组织成网络结构(web),构成网络文档(Document),实现Internet上的“漫游”。
通过HTML符号的描述就可以实现文字、表格、声音、图像、动画等多媒体信息的检索。
然而采用这种超链技术存在有一定的缺陷,那就是它只能提供一种静态的信息资源,缺少动态的客户端与服务器端的交互。
虽然可通过CGI(CommonGatewayInterface)通用网关接口实现一定的交互,但由于该方法编程较为复杂,因而在一段时间防碍了Internet技术的发展。
而JavaScript的出现,无凝为Internet网上用户带来了一线生机。
可以这样说,JavaScript的出现是时代的需求,是当今的信息时代造就了JavaScript。
JavaScript的出现,它可以使得信息和用户之间不仅只是一种显示和浏览的关系,而是实现了一种实时的、动态的、可交式的表达能力。
从而基于CGI静态的HTML页面将被可提供动态实时信息,并对客户操作进行反应的Web页面的取代。
JavaScript脚本正是满足这种需求而产生的语言。
它深受广泛用户的喜爱的欢迎。
它是众多脚本语言中较为优秀的一种,它与WWW的结合有效地实现了网络计算和网络计算机的蓝图。
无凝Java家族将占领Internet网络的主导地位。
因此,尽快掌握JavaScript脚本语言编程方法是我国广大用户日益关心的。
一、什么是JavaScript
JavaScript是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。
使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。
从而可以开发客户端的应用程序等。
它是通过嵌入或调入在标准的HTML语言中实现的。
它的出现弥补了HTML语言的缺陷,它是Java与HTML折衷的选择,具有以下几个基本特点:
脚本编写语言
JavaScript是一种脚本语言,它采用小程序段的方式实现编程。
像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。
它的基本结构形式与C、C++、VB、Delphi十分类似。
但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。
它与HTML标识结合在一起,从而方便用户的使用操作。
基于对象的语言
JavaScript是一种基于对象的语言,同时以可以看作一种面向对象的。
这意味着它能运用自己已经创建的对象。
因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
简单性
JavaScript的简单性主要体现在:
首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计,从而对于学习Java是一种非常好的过渡。
其次它的变量类型是采用弱类型,并未使用严格的数据类型。
安全性
JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。
从而有效地防止数据的丢失。
动态性
JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。
它对用户的反映响应,是采用以事件驱动的方式进行的。
所谓事件驱动,就是指在主页(HomePage)中执行了某种操作所产生的动作,就称为“事件”(Event)。
比如按下鼠标、移动窗口、选择菜单等都可以视为事件。
当事件发生后,可能会引起相应的事件响应。
跨平台性
JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。
从而实现了“编写一次,走遍天下”的梦想。
实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。
无须有高性能的电脑,软件仅需一个字处理软件及一浏览器,无须WEB服务器通道,通过自己的电脑即可完成所有的事情。
综合所述JavaScript是一种新的描述语言,它可以被箝入到HTML的文件之中。
JavaScript语言可以做到回应使用者的需求事件(如:
form的输入),而不用任何的网路来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给伺服端(server)处理,再传回来的过程,而直接可以被客户端(client)的应用程式所处理。
JavaScript和Java很类似,但到底并不一样!
Java是一种比JavaScript更复杂许多的程式语言,而JavaScript则是相当容易了解的语言。
JavaScript创作者可以不那麽注重程式技巧,所以许多Java的特性在JavaScript中并不支援。
JavaScript就是一种基于对象和事件驱动,并具有安全性能的脚本语言,脚本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语言,而不需要服务器的处理和响应,当然JavaScript也可以做到与服务器的交互响应,而且功能也很强大。
而相对的服务器语言像aspphpjsp等需要将命令上传服务器,由服务器处理后回传处理结果。
对象和事件是JavaScript的两个核心。
JavaScript可以被嵌入到HTML文件中,不需要经过Web服务器就可以对用户操作作出响应,使网页更好地与用户交互;在利用客户端个人电脑性能资源的同时,适当减小服务器端的压力,并减少用户等待时间。
二、JavaScript和Java的区别
虽然JavaScript与Java有紧密的联系,但却是两个公司开发的不同的两个产品。
Java是SUN公司推出的新一代面向对象的程序设计语言,特别适合于Internet应用程序开发;而JavaScript是Netscape公司的产品,其目的是为了扩展NetscapeNavigator功能,而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言,它的前身是LiveScript;而Java的前身是Oak语言。
下面对两种语言间的异同作如下比较:
基于对象和面向对象
Java是一种真正的面向对象的语言,即使是开发简单的程序,必须设计对象。
JavaScript是种脚本语言,它可以用来制作与网络无关的,与用户交互作用的复杂软件。
它是一种基于对象(ObjectBased)和事件驱动(EventDriver)的编程语言。
因而它本身提供了非常丰富的内部对象供设计人员使用。
解释和编译
两种语言在其浏览器中所执行的方式不一样。
Java的源代码在传递到客户端执行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真器或解释器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。
JavaScript是一种解释性编程语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户编由浏览器解释执行。
http:
//www.arts-
强变量和弱变量
两种语言所采取的变量是不一样的。
Java采用强类型变量检查,即所有变量在编译之前必须作声明。
如:
Integerx;
Stringy;
x=1234;
x=4321;
其中X=1234说明是一个整数,Y=4321说明是一个字符串。
JavaScript中变量声明,采用其弱类型。
即变量在使用前不需作声明,而是解释器在运行时检查其数据类型,如:
x=1234;
y="4321";
前者说明x为其数值型变量,而后者说明y为字符型变量。
代码格式不一样
Java是一种与HTML无关的格式,必须通过像HTML中引用外媒体那么进行装载,其代码以字节代码的形式保存在独立的文档中。
JavaScript的代码是一种文本字符格式,可以直接嵌入HTML文档中,并且可动态装载。
编写HTML文档就像编辑文本文件一样方便。
嵌入方式不一样
在HTML文档中,两种编程语言的标识不同,JavaScript使用来标识,而Java使用来标识。
静态联编和动态联编
Java采用静态联编,即Java的对象引用必须在编译时的进行,以使编译器能够实现强类型检查。
JavaScript采用动态联编,即JavaScript的对象引用在运行时进行检查,如不经编译则就无法实现对象引用的检查。
三、将JavaScript插入网页的方法
与在网页中插入CSS的方式相似,使用
说明:
通过标识指明JavaScript脚本源代码将放入其间。
通过属性Language="JavaScript"说明标识中是使用的何种语言,这里是JavaScript语言,表示在JavaScript中使用的语言。
脚本语言还有vbscript、jscript等,如果没有language属性,表示默认使用JavaScript脚本。
其中的...就是代码的内容。
例如:
document.write("我是菜鸟我怕谁!
");
document.close();
效果图如下:
通过这个例子,我们可以看到JavaScript程序代码是一些可用字处理软件浏览的文本,它在描述页面的HTML相关区域出现。
JavaScript使用document.write来输出内容。
将会在网页上输出:
我是菜鸟我怕谁!
这里要注意,“我是菜鸟我怕谁!
”两侧双引号代表字符串的意思。
不过不理解这个概念也无所谓,学到后面就知道什么时候应该加双引号,什么时候不需要加了。
有些浏览器可能不支持JavaScript,我们可以使用如下的方法对它们隐藏JavaScript代码。
--
document.write("我是菜鸟我怕谁!
");
//-->
---->里的内容对于不支持JavaScript的浏览器来说就等同于一段注释,而对于支持JavaScript的浏览器,这段代码仍然会执行。
至于“//”符号则是JavaScript里的注释符号,在这里添加它是为了防止JavaScript试图执行-->。
不过通常情况下,现在的浏览器几乎都支持JavaScript,即使是不支持的,也会了解如何合理地处理含有JavaScript的网页。
JavaScript的插入位置不同,效果也会有所不同,还可以像CSS一样,将JavaScript保存成一个外部文件,这些内容会在下一节讨论。
四、插入JavaScript的位置
JavaScript脚本可以放在网页的head里或者body部分,而且效果也不相同。
(1)放在body部分的JavaScript脚本在网页读取到该语句的时候就会执行,例如:
--
document.write("我是菜鸟我怕谁!
");
//-->
(2)在head部分的脚本在被调用的时候才会执行,例如:
....
通常是在定义函数,通过调用函数来执行head里的脚本。
下面是将JavaScript脚本加入Web文档中的例子:
Test2.html
document.Write("这是赛迪网互动学校");
document.close();
在浏览器的窗口中调用test2.html,则显示“这是赛迪网互动学校”字串。
见图2所示。
图2
说明:
Document.write()是文档对象的输出函数,其功能是将括号中的字符或变量值输出到窗口;document.close()是将输出关闭。
可将标识放入
..或...之间。将JavaScript标识放置
...在头部之间,使之在主页和其余部分代码之前装载,从而可使代码的功能更强大;可以将JavaScript标识放置在...主体之间以实现某些部分动态地创建文档。(3)也可以像添加外部CSS一样添加外部JavaScript脚本文件,其后缀通常为.js。
例如:
如果很多网页都需要包含一段相同的代码,那么将这些代码写入一个外部JavaScript文件是最好的方法。
此后,任何一个需要该功能的网页,只需要引入这个js文件就可以了。
注意:
脚本文件里头不能再含有
例子中的document.write("我是菜鸟我怕谁!
");
就是一个JavaScript语句,它可以告诉浏览器做出一个特定任务。
特别的,这个语句是叫浏览器书写出一段内容。
我们已经知道,document.write的功能是输出文本,(Document.write()是文档对象的输出函数,其功能是将括号中的字符或变量值输出到窗口;document.close()是将输出关闭。
)所以上面那个语句就是让浏览器输出“我是菜鸟我怕谁!
”。
在JavaScript中,一行的结束就被认定为语句的结束。
但是最好还是要在结尾加上一个分号“;”来表示语句的结束。
这是一个编程的好习惯,事实上在很多语言中句末的分号都是必须的。
看看下面这个代码块
{
document.write("
Thisisaheader
");document.write("
Thisisaparagraph
");document.write("
Thisisanotherparagraph
");}
效果如图:
六、JavaScript注释
HTML、CSS里都有注释,JavaScript里自然也有注释,而且分为单行注释与普通注释两种。
6.1单行注释
插入单行注释的符号是“//”
//我是注释,我是注释
document.write("我是菜鸟我怕谁?
");
6.2多行注释
多行注释以"/*"开始,以"*/"结束。
/*
谁说菜鸟不会编程?
菜鸟不但会编程
还有书写注释的良好习惯
*/
document.write("我是菜鸟我怕谁?
");
相信你已经了解注释的作用了。
HTML的注释不会被浏览器作为HTML解释,CSS注释也不会被浏览器解释。
同理,JavaScript的注释也不会被执行。
注释的作用就是记录自己在编程时候的思路,以便以后自己阅读代码时可以马上找到思路。
同样,注释也有助于别人阅读自己书写的JavaScript代码。
总之书写注释是一个良好的编程习惯。
七、编写第一个JavaScript程序
下面我们通过一个例子,编写第一个JavaScript程序。
通过它可说明JavaScript的脚本是怎样被嵌入到HTML文档中的。
test1.html文档:
//JavaScriptAppearshere.
alert("这是第一个JavaScript例子!
");
alert("欢迎你进入JavaScript世界!
");
alert("今后我们将共同学习JavaScript知识!
");
在InternetExplore6.0中运行行后的结果见图1-1所示。
图1-1程序运行的结果
说明:
test.html是HTML文档,其标识格式为标准的HTML格式;
如同HTML标识语言一样,JavaScript程序代码是一些可用字处理软件浏览的文本,它在描述页面的HTML相关区域出现。
JavaScript代码由
在标识
alert()是JavaScript的窗口对象方法,其功能是弹出一个具有OK对话框并显示()中的字符串。
通过
--...//-->标识说明:
若不认识JavaScript代码的浏览器,则所有在其中的标识均被忽略;若认识,则执行其结果。
使用注释这是一个好的编程习惯,它使其他人可以读懂你的语言。
JavaScript以标签结束。
从上面的实例分析中我们可以看出,编写一个JavaScript程序确实非常容易的。
八、常用元素
九、基本数据类型
JavaScript脚本语言同其它语言一样,有它自身的基本数据类型、表达式和算术运算符以及程序的基本框架结构。
JavaScript提供了四种基本的数据类型用来处理数字和文字,而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
1、基本数据类型
在JavaScript中四种基本的数据类型:
数值(整数和实数)、字符串型(用“”号或‘’括起来的字符或数值)、布尔型(使True或False表示)和空值。
在JavaScript的基本类型中的数据可以是常量,也可以变量。
由于JavaScript采用弱类型的形式,因而一个数据的变量或常量不必首先作声明,而是在使用或赋值时确定其数据的类型的。
当然也可以先声明该数据的类型,它是通过在赋值时自动说明其数据类型的。
2、常量
整型常量
JavaScript的常量通常又称字面常量,它是不能改变的数据。
其整型常量可以使用十六进制、八进制和十进制表示其值。
实型常量
实型常量是由整数部分加小数部分表示,如12.32、193.98。
可以使用科学或标准方法表示:
5E7、4e5等。
布尔值
布尔常量只有两种状态:
True或False。
它主要用来说明或代表一种状态或标志,以说明操作流程。
它与C++是不一样的,C++可以用1或0表示其状态,而JavaScript只能用True或False表示其状态。
字符型常量
使用单引号(‘)或双引号(“)括起来的一个或几个字符。
如"ThisisabookofJavaScript"、"3245"、"ewrt234234"等。
空值
JavaScript中有一个空值null,表示什么也没有。
如试图引用没有定义的变量,则返回一个Null值。
特殊字符
同C语言一样,JavaScript中同样以有些以反斜杠(/)开头的不可显示的特殊字符。
通常称为控制字符。
3、变量
(1)、什么是变量
在代数中,我们会遇到下面的基础问题,如果a的值为5,b的值为6,那么a与b的和是多少?
在这个问题中,我们就可以把a和b看做变量,再设置一个变量c来保存a与b的和。
那么,上面的这个问题就可以用如下的JavaScript代码表示:
//计算a+b的和
a=5;//给变量a赋值
b=6;//给变量b赋值
c=a+b;//c为a+b的和
document.write(c);//输出c的值
执行结果:
11
在上面的例子中,我们用到了三个变量:
a,b,c。
这些都是变量的名字,在JavaScript中,我们需要用变量名来访问这个变量。
在JavaScript中,变量名有如下规定:
∙A、必须是一个有效的变量,即变量以字母开头,中间可以出现数字如test1、text2等。
除下划线(-)作为连字符外,变量名称不能有空格、(+)、(-)、(,)或其它符号。
∙B、js语言对大小写字母很敏感,大小写字母所代表的意义不同。
∙C、不能使用JavaScript中的关键字作为变量。
在JavaScript中定义了40多个关键字,这些关键字是JavaScript内部使用的,不能作为变量的名称。
如Var、int、double、true不能作为变量的名称。
常用的关键字如下:
for、hort、void、do、fortran、while、asm、double、goto、static、auto、else、if、struct、sizeof、break、entry、intswitch、case、enum、long、typedef、char、extern、register、union、contiue、float、return、unsigned、default、var。
使用变量时,要考虑变量的适用范围,注意区分局部变量和全局变量。
全局变量是定义在所有函数体之外,其作用范围是整个函数;而局部变量是定义在函数体之内,只对其该函数是可见
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- js 入门教程 产品 流程 欧缇斯软 装饰