基于javascript的世界大学城网页界面重构_刘云

《基于javascript的世界大学城网页界面重构_刘云》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、电脑编程技巧与维护基于JavaScript的世界大学城网页界面重构刘云（海南政法职业学院，海口571100）摘要：提出了基于JavaScript重订制世界大学城空间界面的方法。通过利用世界大学城的空间代码功能，引入外部JS文件，实现了对页面的重构。关键词：世界大学城；网页界面；JavaScript语言CustomizetheWebsiteInterfaceofWorldUCBasedonJavaScriptLIUYun（HainanVocationalCollegeofPoliticalandLaw,Haikou571100,C

2、hina）Abstract：TheMethodforCustomizethewebsiteinterfaceofWorldUCbasedonJavaScriptwaspresentedinthispaper．ByusingthespacecodefunctionofWorldUC,introducinganexternalJSfile,thereconstructionoftheWebpagewasimple-mentedinthepaper.Keywords：WorldUC;websiteinterface;JavaScrip

3、tlanguage世界大学城是目前国内最大的教育云计算公共服务平台，者分离，jQuery的出现使得页面前端开发工作变得简单，目前它是高校实现教育信息化“三通工程”最佳的平台。全国已jQuery已是使用最广泛的Web前端开发框架。有十几个省份数十家院校，利用世界大学城整校实现了“三2设计思路通工程”。随着世界大学城用户的增加，使用者对空间个性化世界大学城管理后台的空间代码功能，允许用户在这里装扮的需求也愈发强烈。世界大学城管理后台为普通用户提添加JavaScript代码，这就为具有开发能力的用户提供了开发供了简单的空间装扮功能，但

4、这些功能都相对简单，仅是对接口，开发者可以在这里引入外部JS文件，利用JavaScript可页面的背景颜色、板块布局等做简单的调整。干建松[1]提出了以追加网页元素的功能，将一个CSS文件追加到原文档的利用Flash技术来定制世界大学城界面的思路，但是该解决方head标签中，该CSS文件将原始HTML的页面背景和全部文案并没有实现真正意义上的页面重构。拟利用管理后台提供档内容隐藏。然后再分别追加新的文档内容来实现对网页界了空间代码功能，使用JavaScript技术实现对网页界面的完全面的深度修改。自定义。3具体实现1相关技术3.

5、1本地网页界面设计制作1.1JavaScript脚本语言为方便修改测试，用户可先在本地完成网页界面的设计JavaScript是一种基于浏览器的脚本编写语言，主要用来与制作。世界大学城的网页设计是采用DIV+CSS的布局方式，为HTML页面添加交互行为。JavaScript不仅可以对浏览器的页面的各个内容版块都是放在一个有自己的独立id的DIV里，相关事件做出响应，它还可以操作HTML页面元素。用户通过ID可以非常容易就能选取所需的页面内容。开发者JavaScript在使用时既可以直接嵌入到HTML文档中，也可以先在本地利用网页制

6、作的相关知识，按照“HTML、JavaScript采用引用的方式引用至HTML文档。和CSS的三者分离”的设计原则，将需要展示出来的内容版1.2DOM文档对象模型块呈现在新的网页中。DOM（DocumentObjectModel），即文档对象模型。它一在本地制作时需要注意网页中各资源（CSS样式表文件、种基于语义的逻辑结构，是表示和处理HTML文档的一种常JavaScript脚本文件、图片素材等）的URL。如果开发者有自用的方法，DOM为脚本语言访问HTML文档中所有元素提供己的服务器空间存放这些素材的URL就是http://服

7、务器地址/了入口，使用DOM用户可以动态地显示、隐藏或增加一个元网页文档路径/素材文件。假如用户没有服务器空间，用户可素。通过JavaScript和DOM，用户可以重构整个HTML文档。以将所需素材上传至世界大学城，它会为每一个上传文件都1.3jQuery(下转第76页)jQuery一个轻量级的JS库，它兼容目前市面上大部分的浏览器，jQuery的语法简洁高效，用户可以非常方便地操作文作者简介：刘云（1984-），男，讲师，硕士，研究方向：数档对象、选择DOM元素、制作动画效果、事件处理等。开发据监护、信息检索、教育资源管理、教

8、育信息化。者使用jQuery框架，可以实现HTML、JavaScript和CSS的三收稿日期：2014-06-212014.1860电脑编程技巧与维护逼MSAA8X，在执行效率和内存消耗上也远远优于MSAA[3]Wikipedia.org采样定理,Supersa