这就是我这样做的。对于页面特定 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文件。