Question

我有一个javascript和css样式，如下所示

 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script> 
<script type="text/javascript">
$(function () {
$('#startDate').datepicker({ dateFormat: 'yy-mm-dd' });
$('#startDate').datepicker();


});
</script> 
<script>
$(function() {
$( "#datepicker" ).datepicker({
showOn: "button",
buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
buttonImageOnly: true
});
});
</script> 
<script type="text/javascript">
$(function () {
$('#endDate').datepicker({ dateFormat: 'yy-mm-dd' });
$('#endDate').datepicker();

});
</script> 
<script type="text/javascript">
$(function () {
$('#followUpDate').datepicker({ dateFormat: 'yy-mm-dd' });
$('#followUpDate').datepicker();

});
</script>
<style>
.ui-datepicker th { background-color: #CCCCFF; }
</style>
<style type="text/css">
.search_textbx
{
background:url(calendar.jpg) right no-repeat;
background-color:white;
height:13px;
color:black;

}
</style>

现在我的问题是如何在eclipse中创建外部javascript文件和css文件，以便我可以在jsp页面中使用它，特别是在input type = "text"中。

     <td style="padding-left:25px;">
<input type="text" id="startDate" name="startDate" class="search_textbx" size="15" readonly="readonly"/>
                          </td>

现在我需要一个外部javascript文件和css文件，我想在“input”标签中使用这些文件。

Answer 1

与加载jquery和jquery-ui的方式完全相同。创建一个文本文件，分别保存为.css和.js，使用链接和脚本标记将它们放入页面。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link

ps：您不必为每个函数使用新的脚本标记，您只需将三个文字脚本合并为一个<script>标记和一个$（function（）{}）; < / p>

为了更好的衡量，将css文件放在head标签和脚本标签中尽可能低的身体标签，除非你需要更早地执行脚本。

如何为日期选择器创建外部javascript和外部css文件以及如何在eclipse中使用它

1 个答案: