1、css 样式表 与 java 脚本语言css 样式表概述CSS 是 Cascading Style Sheets(层叠样式表单)的简称。不过大家都把它称作样式表,它是一种设计网页样式的工具。样式表可以令到网页制作者的工作更加轻松。当每个水平规则的语句都需要使用的时候,网页制作者将觉得非常麻烦。使用样式表,只需要指定这样的参数一次,样式就会被整个网站所应用。而且如果网页制作者觉得WIDTH=“50%“会更好的话,那么他只需要在一处地方改变这个参数,而不是找遍几百页来更改 HTML。不仅仅如此,当一个文件包含了所有的样式信息时,样式表还可以减少下载的时间呢。样式表也为他们提供的展示效果的项目给予更
2、多的灵活性。属性,例如颜色、背景、边界、边框和许多的更多都能被所有的元素所应用。仅仅使用 HTML 和它专有的扩展,必须依赖像 BGCOLOR 之类的属性,而这些属性只对于少数的一些元素有效。样式表给予应用一个样式到所有的段落、或所有的二级标题、或所有的强调文字很大的灵活性。使用样式表,网页制作者可以使用文本缩进属性来缩进文本,而不是借助丑陋的拙集,如或 带来许多负面的周边效果。边界可以被更改而不用将整页放入到表格中。样式表也可以减少文件的找寻和替换;如果网页制作者决定改变网站中所有段落的缩进,他只需要改变样式表中的一行就行了。css 样式表语句结构css word/*CSS 样式定义开始*/
3、*样式定义结束 */*以下的区域内采用head中style里面定义的格式,使用样式表开始*/hongen/*样式表使用结束 */上面的代码中以红色显示的是注释部分。css 样式表的运用样式表的定义方式是在标签中设定的。内联样式表格式:样式表 css 的内容【使用范例】定义一个内联样式表,添加代码。javascript 语言JavaScript 概述JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与 HTML 超文本标记语言、Java 脚本语言(Java 小程序)一起实现在一个 Web 页面中链接多个对象,与 We
4、b 客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的 HTML 语言中实现的。它的出现弥补了 HTML 语言的缺陷,它是 Java 与 HTML 折衷的选择,具有以下几个基本特点:脚本编写语言:JavaScript 是一种脚本语言,它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript 同样已是一种解释性语言,它提供了一个易的开发过程。它的基本结构形式与 C、C+、VB、Delphi十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。它与 HTML 标识结合在一起,从而方便用户的使用操作。基于对象的语言:JavaScript 是
5、一种基于对象的语言,同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。简单性:JavaScript 的简单性主要体现在:首先它是一种基于 Java 基本语句和控制流之上的简单而紧凑的设计, 从而对于学习 Java 是一种非常好的过渡。其次它的变量类型是采用弱类型,并未使用严格的数据类型。安全性JavaScript 是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。动态性JavaScript 是动态的,它
6、可以直接对用户或客户输入做出响应,无须经过 Web 服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页(Home Page)中执行了某种操作所产生的动作,就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。跨平台性JavaScript 是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持 JavaScript 的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。综合所述 JavaScript 是一种新的描述语言,它可以被箝入到 HTML的文件之中。 JavaScri
7、pt 语言可以做到回应使用者的需求事件 (如:form 的输入) ,而不用任何的网路来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给伺服端 (server)处理,再传回来的过程,而直接可以被客户端 (client) 的应用程式所处理。javascript 语言结构例题 1、地震效果这段程序放在 与之间function shake(n)if (self.moveBy)for (i = 10; i 0; i-)for (j = n; j 0; j-)self.moveBy(0,i);self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0)
8、;/ End 这段程序放在与之间(请教师把代码复制到 frontpage 中进行效果预览。)通过上面的例子我们可以总结出 javascript 语言的结构为:JavaScript 语言代码;JavaScript 语言代码;说明:通过标识.指明将 JavaScript 脚本源代码放入其间。该标记对可以放在标记对之间也可以放在标记对之间。同时可以在一个 html 文件中使用标记任意多次。通过属性 Language =“JavaScript“说明标识中是使用的何种语言,这里是 JavaScript 语言, 表示在 JavaScript 中使用的语言。文字跟随鼠标这段程序放在与之间.spanstyle
9、 position:absolute;visibility:visible;top:-50px;font-size: 10pt ;font-family:Verdana;font-weight:bold;color:black;var x,yvar step=20var flag=0/ Your snappy message. Important: the space at the end of the sentence!var message=“江宁高级中学,您求知的理想殿堂 “message=message.split(“)var xpos=new Array()for (i=0;i=1;
10、 i-) xposi=xposi-1+stepyposi=yposi-1xpos0=x+stepypos0=yfor (i=0; i=1; i-) xposi=xposi-1+stepyposi=yposi-1xpos0=x+stepypos0=yfor (i=0; i这段程序放在与之间“)document.write(messagei)document.write(“)if (document.layers)document.captureEvents(Event.MOUSEMOVE);document.onmousemove = handlerMM;/ - End of JavaScript - 这段程序放在正文中,代替*部分onLoad=“makesnake()“ style=“width:100%;overflow-x:hidden;overflow-y:scroll“