Javascript二：如何?Javascript/css與HTML的分離__mysql

實現Javascript/css與HTML的分離的步驟是很相似的，當然也不同，接下來就是具體的實現。

第一步：首先都是建立檔案

只是建立的檔案不同。如下圖      

 

1）如果建立JavaScript代碼與HTML的分離的檔案建立：

a)    選擇JavaScript頁面類型

b)    顯示建立的檔案，把<script language="javascript"type="text/javascript"></script>  架構裡面的代碼放入到建立的檔案中

（切記:不要把架構代碼放入檔案，把HTML中的此架構及內容全部清除）

c)     儲存檔案：給檔案命名，檔案的類型為：.js檔案。

2） 如果建立css代碼與HTML的分離檔案建立：

a)     選擇css頁面類型

b)     顯示建立的檔案，把<stysle type=”text/css”></style>架構裡面的內容放入檔案中（同上不包括架構代碼，把HTML中的此架構及內容全部清除）

c)      儲存檔案：給檔案命名，檔案的類型為：.css檔案。

第二步：在HTML中引入我們儲存的檔案

1） 在HTML中引入.js檔案：

找到引入的檔案，其他都是預設選項；當然在HTML中需要把游標定位引入檔案的地方。

2） 在HTML中引入.css檔案：

找到引入的檔案，其他都是預設選項；當然在HTML中需要把游標定位引入檔案的地方。

總結：

兩大步就可以實現Javascript/css與HTML的分離，實現代碼的可複用性。

我好像把：“不同的問題找相同點；相同的問題找不同點了。”用上了；通過這兩個例子，此種類型的問題都可以用兩部曲解決。