基于JavaScript的世界大学城网页界面重构.pdfVIP

电脑编程技巧与维护 基于JavaScript的世界大学城网页界面重构 刘云 (海南政法职业学院，海 口571100) 摘 要：提 出了基于JavaScfipt重订制世界大学城空间界面的方法。通过利用世界大学城的空间代码功能，引入外 部JS文件，实现了对页面的重构。 关键词：世界大学城 ；网页界面 ；JavaScfipt语言 CustomizetheW ebsiteInterfaceofWorldUCBasedonJavaScript LIU Yun (HainanVocationalCollegeofPoliticalandLaw，Haikou571100，China) Abstract：TheMethodforCustomizethewebsiteinterfaceofWorldUCbasedonJavaScriptwaspresentedinthispaper．By usingthespacecodefunctionofWorldUC，introducinganexternalJSfile，thereconstructionoftheWebpagewasimple— mentedinthepaper． Keywords：WorldUC；websiteinterface；JavaScriptlanguage 世界大学城是 目前国内最大的教育云计算公共服务平台． 者分离，jQuery的出现使得页面前端开发工作变得简单，目前 它是高校实现教育信息化 “三通工程”最佳的平台。全国已 jQuery已是使用最广泛的Web前端开发框架。 有十几个省份数十家院校，利用世界大学城整校实现了 “三 2 设计思路 通工程”。随着世界大学城用户的增加，使用者对空间个性化 世界大学城管理后台的空间代码功能．允许用户在这里 装扮的需求也愈发强烈。世界大学城管理后台为普通用户提 添加JavaSefipt代码，这就为具有开发能力的用户提供了开发 供了简单的空间装扮功能，但这些功能都相对简单 ，仅是对 接 口．开发者可以在这里引入外部JS文件．利用JavaScfipt可 页面的背景颜色、板块布局等做简单的调整。干建松口1提出了 以追加 网页元素的功能，将一个 CSS文件追加到原文档的 利用Flash技术来定制世界大学城界面的思路，但是该解决方 head标签中，该CSS文件将原始HTML的页面背景和全部文 案并没有实现真正意义上的页面重构。拟利用管理后台提供 档内容隐藏。然后再分别追加新的文档内容来实现对网页界 了空间代码功能，使用JavaScfipt技术实现对网页界面的完全 面的深度修改。 自定义。 3 具体实现 1 相关技术 3．1 本地网页界面设计制作 1．1 JavaScript脚本语言 为方便修改测试，用户可先在本地完成网页界面的设计 JavaScfipt是一种基于浏览器的脚本编写语言，主要用来 与制作。世界大学城的网页设计是采用DIV+CSS的布局方式 ， 为HTML页面添加交互行为。JavaScript不仅可以对浏览器的 页面的各个内容版块都是放在一个有 自己的独立 id的DIV里 ， 相关事件做 出响应 ，它还可 以操作 HTML页面元素 。 用户通过 ID可以非常容易就能选取所需的页面内容。开发者 JavaScript在使用时既可以直接嵌入到HTML文档中，也可以 先在本地利用网页制作的相关知识 ，按照 “HTML、JavaScfipt 采用引用的方式引用至HTML文档。 和CSS的三者分离”的设计原则