在內容頁面中使用腳本和css文件

多天來，我一直試圖找出解決方法來在我的內容頁面中加載JavaScript和樣式表。在內容頁面中使用腳本和css文件

我要如何連接所有的資源文件，如.css和.js在標記爲master page，然後將這些直接在內容頁使用，而不將其添加到每個所述內容的網頁？

我發現我們可以通過使用主題鏈接.css文件並在母版頁中初始化一個主題;但是.js文件和圖像呢？

它們如何鏈接到母版頁然後在內容頁中訪問？

請指點我正確的方向。

來源

2013-03-08 Rajaram Shelar

在母版頁上，所有放在頭部的內容都將顯示在所有使用該母版的內容頁面上。

也就是說，如果在你的母版頁您有：

<head runat="server"> 
    <script type="text/javascript" src="/js/pages/jquery.min.js"></script> 
    <script type="text/javascript" src="/js/pages/jquery.jscrollpane.min.js"></script> 
</head>

然後每個內容頁面將包含在頭一樣的東西。

如果您有某些頁面使用的腳本而不是其他頁面，則可以在母版頁上定義一個位於<head>的<asp:content>標籤。

然後，在您的內容頁面中，您可以將指向JavaScript文件的鏈接直接放入頁頭中內容標籤的內容佔位符。

如果你想鏈接圖片，我會建議通過JavaScript來做到這一點。如果您在母版頁頭創建<script>塊的東西，如下列：

var ReusableImageVariable = new Image(); 
ReusableImageVariable.src = '\A\Path\To\Your\image.jgp';

然後任意內容網頁上，你可以放置一個腳本塊，將使用ReusableImageVariable並將其複製到文檔中的指定位置：

<script type='text/javascript'> 
    document.getElementById('PlaceHolderForImage').appendChild(ReusableImageVariable); 
</script>

凡PlaceHolderforImage爲含<div>或其他元素的id。這也有助於瀏覽器加載時間，因爲您在加載樣式表和腳本的同時加載圖像。

最後，如果您只想使用ASP，我會將圖像定義爲母版頁的屬性。然後任何內容頁面都可以在後面的代碼中訪問它們，並將它們加載到需要它們的地方。

來源

2013-03-08 13:50:27

我假設我們正在談論web表單，而不是MVC？您可以將腳本放在<asp:ScriptManager>控件的<Scripts>集合或<CompositeScript>列表中。您可以通過ScriptManager.GetCurrent(PageReference);

獲得對ScriptManager的引用。圖像沒有任何特別的東西是爲圖像而構建的;但是，它可以建造。

來源

2013-03-08 13:03:31

在內容頁面中使用腳本和css文件

回答

相關問題