使用原型動態加載CSS和JavaScript

Question

我有一個經典的ASP應用程序，我一直在不斷嘗試模塊化。 當前，幾乎所有頁面都分為兩頁：

包含布局，頁眉，側邊欄，頁腳的外部頁面
包含ASP代碼的內頁

外頁使用Dreamweaver模板，因此更新布局和復制更改很容易。 內頁由我管理。 現在這是問題所在：

我必須在一個頁面上添加一個燈箱，我選擇了需要原型的燈箱2。 我最終在每個頁面上添加了原型，假設我遲早會升級所有頁面，表單，ajax請求和其他JavaScript以使用原型。 我現在添加了另外兩個插件-Modalbox和Protofade； 每個文件都有一對.JS和.CSS文件。 由於我將在特定的頁面集上使用這三個插件，因此我想知道是否可以動態加載所需的CSS和JS文件。 我不想訪問文檔頭並在其中添加包含文件（即通過用大約十二個<script>和<link>標簽使<head>標簽膨脹），我將不得不在DIV中執行此操作，所有ASP代碼應該走了。

Answer 1

您可以通過向文檔中添加script元素來動態添加script 。 非官方原型和script.aculo.us Wiki上的本頁上的詳細信息和示例代碼。 例如：

var element;
var script;

element = /* ...grab the element you want to add to; I'd use $$('head')[0] */;
if (element) {
    script = new Element('script', { type: 'text/javascript', src: 'dynamic.js' });
    element.appendChild(script);
}

添加樣式表鏈接應該基本相同。 盡管該頁面使您感到head ，但您已經說過您不想這樣做（盡管我不清楚為什么不這樣做，因為您是在用戶計算機上動態進行此操作的），但它仍然可以正常工作無論您在何處添加它們。

使用原型動態加載CSS和JavaScript

問題描述

1 個解決方案

解決方案1
1 已采納 2010-05-14 07:49:07

使用原型動態加載CSS和JavaScript

問題描述

1 個解決方案

解決方案1 1 已采納 2010-05-14 07:49:07

解決方案1
1 已采納 2010-05-14 07:49:07