如何在网页中合并javascript？

Question

我有一个以下网站：

 ...

 <script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
 <script src="//cdn.datatables.net/responsive/1.0.6/js/dataTables.responsive.js"></script>

我需要将这些脚本合并为一个：

 <script>$(document).ready(function() {$('#cccr').DataTable( { "order": [[ 0, "desc" ], [2,"asc"], [1,"asc"]], "aaSorting": [], "bPaginate": false, "bLengthChange": true, "bFilter": true, "bSort": true, "bInfo": true, "sPaginationType": "full_numbers", "sScrollY": "25rem",  "bStateSave": false, "autoWidth": true });} );</script>

 <script>$(document).ready(function() {var oTable = $('#cccr').dataTable();oTable.fnFilter( 'parry' );} );</script>

 <script>$(document).ready(function() {new $.fn.dataTable.Responsive( table );} );</script>

问题是我希望页面具有响应性，并且将响应性js调用代码分开将所有内容搞定。 如何安全地合并这些行？ （最好不带“ $（document）.ready”。

Answer 1

像这样

<script>   
$(document).ready(function() {
  $('#cccr').DataTable({
    "order": [
        [0, "desc"],
        [2, "asc"],
        [1, "asc"]
    ],
    "aaSorting": [],
    "bPaginate": false,
    "bLengthChange": true,
    "bFilter": true,
    "bSort": true,
    "bInfo": true,
    "sPaginationType": "full_numbers",
    "sScrollY": "25rem",
    "bStateSave": false,
    "autoWidth": true
});
 var oTable = $('#cccr').dataTable();
            oTable.fnFilter('parry');
  new $.fn.dataTable.Responsive(table);
 });
 </script>