且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

《JavaScript构建Web和ArcGIS Server应用实战》——1.4 分离HTML、CSS和JavaScript

更新时间:2022-09-21 08:01:01

本节书摘来自异步社区《JavaScript构建Web和ArcGIS Server应用实战》一书中的第1章,第1.4节,作者: 【美】Eric Pimpler(派普勒) 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.4 分离HTML、CSS和JavaScript

你可能在想所有这些代码都放在什么位置,将所有的HTML、CSS和JavaScript代码放在同一个文件中或者将它们分割成单独的文件?对于非常简单的应用程序和示例来说,将所有代码放到一个后缀名为.html或.htm的文件中也很常见。在这种情况下,CSS和JavaScript代码放置在HTML页面的

部分。然而,首选方式是使用代码栈创建应用程序来分离内容和行为的表现形式。应用程序的用户界面应该驻留在一个只包含用于定义应用程序部分的内容以及任何CSS(呈现)或JavaScript(行为)的HTML页面中。最终的结果是一个HTML页面和一个或多个CSS和JavaScript文件。这将形成一个图1-9所示的文件夹结构,里面包括一个名为index.html的文件和几个包括CSS、JavaScript和其他资源(比如图像)的文件夹。css和js文件夹将包含一个或多个文件。

《JavaScript构建Web和ArcGIS Server应用实战》——1.4 分离HTML、CSS和JavaScript

CSS文件通过使用标签链接到HTML页面中。如下列代码所示,你将看到如何通过使用标签来引入CSS文件。链接CSS文件应该放在HTML页面的

标签内。
<!DOCTYPE html>

<html>
  <head>
    <title>GeoRanch Client Portal</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
  </head>
  <body>
  </body>
</html>

如下列代码所示,JavaScript文件通过