使用for循环在html中包含多个脚本文件

时间:2016-09-06 07:29:32

标签: javascript php jquery

我有一个包含多个.js文件的文件夹(我在变量中有文件编号)

是否可以"包括"使用for循环的所有js脚本?

类似的东西:

for(i = 0; i <= file_count; i++) {
   include('scriptname' + i)
}

由于

5 个答案:

答案 0 :(得分:3)

在php文件中声明一个php数组(称之为“file_names.php”)并写入所有.js文件的名称

<?php 

$file_array=array('file1.js','file2.js')
?>

然后在您想要的页面中包含php文件,并在页面的HTML标题标记内迭代数组

include('file_names.php')

<?php foreach($file in $file_array){ ?>

<script src='<?php echo $file; ?>'></script>
<?php } ?>

答案 1 :(得分:1)

试试这个:include('scriptname' + i + '.js');如果文件名的格式是scriptname0.js,scriptname1.js等等!还记得在HTML <script>标记内调用此PHP for循环。

答案 2 :(得分:1)

您可以使用多种选项。 如果您正在使用jQuery(其他框架提供相同的功能),那么有一个名为getScript的方法可能适合您的需求。如果您是手动执行此操作,则需要使用document.createElement创建script元素,并根据需要将其插入headbody

建议您尝试使用辅助函数,因为在加载外部资源时需要考虑许多因素,尤其是在尝试使用它们之前确保它们已经实际加载。

答案 3 :(得分:1)

是的,您可以将js文件添加到head部分,如下所示

    for(i = 0; i <= file_count; i++) {
    var jsfile = 'scriptname' + i ;  
    $('head').append($('<script>').prop('type', 'text/javascript').prop('src', jsFile)); 
    }

答案 4 :(得分:1)

如果你有脚本的文件名,那么你可以这样,

for(i = 0; i <= file_count; i++) {
   var script = document.createElement( "script" );
   script.type = "text/javascript";
   script.src = "scriptname"+i+".js"; //whatever the filename
   $("head").append(script);
}