DIV+CSS与javascript的结合运用

《DIV+CSS与javascript的结合运用》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、.word可编辑.基于Div+Css与JavaScript的结合应用与3D特效技术的研究李双远李晨*（吉林化工学院信息中心，吉林吉林132022）摘要：随着互联网技术的发展，极大地影响着人们的生产、生活。在互联网的世界里应用最为广泛的是网页技术，该应用是与用户体验密不可分的，在追求网页布局和美观度的同时还要加入与用户的交互，所以DIV+CSS的简洁布局，能够实现其理想效果。JavaScript的动态特效与交互功能的完美结合是实现网页效果最佳的方法。本文阐述了JavaScript的基本概念，DIV+CSS的布局优势，并通过实例来研究DIV+CSS与J

2、avaScript技术在网页中的应用。关键词：DIV+CSS；JavaScript；结合应用DIV+CSS是WEB设计标准，是目前运用最主流的网页布局方法。CSS样式表时控制页面布局样式的基础，并真正能够做到网页表现与内容分离的一种样式设计语言。相对传统HTML的简单样式控制而言，CSS能够对网页中的对象的位置排版进行像素级的精准控制，支持几乎所有的字体字号样式，以及拥有对网页对象盒模型样式的控制能力，并能够进行初步页面交互设计，时目前基于文本展示的最优秀的表现设计语言。DIV在使用时不需要像表格一样通过其内部的单元格来组织板式，通过CSS强大的样

3、式定义功能可以比表格更简单更自由地控制页面板式和样式。Div+Css布局的优势有，浏览器支持完善、表现与结构分离、样式设计控制功能强大、继承性能优越。JavaScript一种直译式、通用的、基于原型、面向对象的脚本语言。它一开始的设计的原理是在不占用系统和网络资源的前提下，提供一种可以插入不同的应用程序的通用的代码。它具有以下特点与优势，是一种解释型的脚本编写语言，开发环境简单，并可以用记事本编写代码，具有良好的安全性和动态性，可跨平台，扩展性强。1JavaScript的简单应用1.1JavaScript的使用方式（直接方式和引用方式）*直接方式<

4、scripttype=“application/javascript”>直接方式就是通过一对标签来实现，同时采用html的书写规则和javascript的运算规则来对页面实现改变及调整。当需要对页面进行修改时只需在这对标签中书写规则即可。当然也可在加一对此标签，在此标签中书写规则也是一种行之有效的方法。（出于严谨建议对

5、那修改就找那对script标签）这是w3c对浏览器辨识javascript编写程序的新标准，浏览器会通过调用相应的解读程序来进行解释。需要注意的是：在非xhtml文档中嵌入script标签（例如php文档），如果在没有引用外部文件的情况下，应该在script中加上cdata声明，cdata会告诉浏览器此文档不使用xml解析器进行文本数据解析，避免大于和小于运算符引起的浏览器解析错误。//-Javascript结束：双斜杠在Javascript语言中承担的角色和在h

6、tml语言中是一样的，都被称作注释符号，用来注释和隐藏不运行的文本，即从双斜杠开始到行尾的字符都被忽略不运行。至于程序中所用到的document．write（）函数则表示将括号中的获取的对应信息输出到窗口中去，var是声明一个变量有的时候不声明也可以用，为了代码的严谨和不必要的麻烦一般都会声明，因为很多时候在一个javascript文档中远远不止一两个变量，声明更加有利于对各个变量清晰的处理。另外一点需要注意的是这对标签的位置并不是固定的，可以包含在…….专业.专注..word可编辑.

7、或…..中的任何地方。但是通常的有两种习惯写法，一种是需要对那个板块修改就在该板块代码下加一对标签，另一种则是不去管对应的板块位置直接将script标签写在文档body的始末两个位置。*上面这个例子是javascript引用方式的基本格式，通过与css相同的外部链接方式将javascript的所有代码都编写在一个javascript的源文件（一般以js为文件扩展名），在通过导入语言将整个源文件导入到index中实现javascr

8、ipt对页面的改变，并且这种方式还可以提高程序代码利用率。其中的url表示地址，就是需要导入的程序文件的地址，通过这个地址