php 动态加载JavaScript或css文件的方法

<script>tester();</script>

test6.php

    header('Content-Type: application/x-javascript; charset=UTF-8');
    $str = $_GET["str"];
    ?>

    // javascript document
    // by bbs.it-home.org
    alert('');

    function tester(string)
    {
        string ? alert(string) : alert('you call a function named tester');
    }
?>

第二种方法： test.php

  <script>  <li>    function loadjs(url,callback){  <li>        var head = document.getElementsByTagName("head")[0];  <li>        var script = document.createElement('script');  <li>        script.onload = script.onreadystatechange = script.onerror = function (){  <li>            if (script && script.readyState && /^(?!(?:loaded|complete)$)/.test(script.readyState)) return;  <li>            script.onload = script.onreadystatechange = script.onerror = null;  <li>            script.src = '';  <li>            script.parentNode.removeChild(script);  <li>            script = null;  <li>            callback();  <li>        }  <li>        script.charset = "gb2312";  <li>        script.src = url;  <li>        try {  <li>            head.appendChild(script);  <li>        } catch (exp) {}  <li>    }  <li>      <li>    function loadmultijs(url,callback){  <li>        if(Object.prototype.toString.call(url)==='[object Array]'){ //是否数组  <li>            this.suc = 0;           //加载计数  <li>            this.len = url.length;  //数组长度  <li>            var a = this;  <li>            for(var i = 0;i < url.length;i++){  <li>                loadjs(url[i],function(){ a.suc++; if(a.suc == a.len) try{callback();}catch(e){} });  <li>            }  <li>        }  <li>        else if(typeof(url) == 'string') loadjs(url,callback);  <li>    }  <li>      <li>    loadjs("test5.php?return=value",function(){ alert(value); tester(value); });  <li>    </script>

test5.php

var value="this is value.";

加载多JavaScript文件的实例：

  var url = [
            'ajax.php?ajax=1',
            'functions.js'
        ];
    loadmultijs(url,function(){ alert("加载完毕。"); /* 这里可以调用动态加载的JS文件的数据或方法 */ });

2. 动态加载css文件 test.php

            this document has a #e4e4e4 background, a 300px/400px div, and a arial/24px/red words.

复制代码

div.php

    // declare the output of the file as CSS
    header('Content-type: text/css');

    // include the script
    //include('others.php');

    $width  = $_GET['w'];
    $height = $_GET['h'];
?>

div{width:=$width?>px;height:=$height?>px;border:blue 1px solid;}

fonts.php

    // declare the output of the file as CSS
    header('Content-type: text/css');

    // include the script
    //include('others.php');

    $size   = $_GET['s'];
    $color  = $_GET['c'];
?>
body{font-family:arial;font-size:=$size?>px;color:=$color?>}

就是这些了，php动态加载js与css的方法就介绍完了，建议大家亲自动手测试下，看看具体的实现有没有问题。