這就是我這樣做的。對於頁面特定 javascript我將它包含在頁面本身中。對於需要在大多數頁面上運行的其他JavaScript,我將它放在全局JavaScript中,我的名稱爲main.js。
因此,作爲一個例子,假設您想在頁面加載時隱藏some_div,並且此div位於特定頁面上。
<body>
<div id="content">
<div id="some_div">
</div>
</div>
</body>
那麼你會只是做的是,在頁面的JavaScript特定。
主/全局javscript文件的一個例子是您希望在每個頁面上運行的js。因此,一些示例將淡入內容區域的動畫中,如果所有/大多數頁面都有內容區域,並且您希望在每次頁面加載時淡入內容,那麼全局Java腳本將是放置它的好地方沒有重複的代碼。另一個例子是,如果你想使用class="calendar"
將所有輸入變成日期選擇器,那麼在你的全局js文件中,你只需要做。
$(function(){
$('.calendar').datepicker()
});
這樣你就不必做的每一頁,並重復的代碼。長話短說,如果你打算在其他頁面中使用相同的js代碼,那麼不妨將它放在全局js文件中。
關於codeigniter。我所做的是爲我的所有js和css文件創建一個「視圖部分」(實際上只是一個視圖)。所以,在我看來js.php
我有:
<script type="text/javascript" src="/javascript/jquery.js" /> </script>
<script type="text/javascript" src="/javascript/jquery-ui.js" /> </script>
<script type="text/javascript" src="/javascript/main.js" /> </script>
然後我就引用該視圖中查看頁面的部分,我需要包括腳本,即
<?php $this->load->view('/common/js') ?>
這樣我就不需要手動包括我需要爲每個視圖的JavaScript文件。