1. 动态加载JS文件
第一种方法:
test.php
<script language="JavaScript" src="test6.php?str=i love bainiangzi"></script> <script>tester();</script>
test6.php
<?php
header('Content-Type: application/x-javascript; charset=UTF-8');
$str = $_GET["str"];
?>
// javascript document
alert('<?php echo $str; ?>');
function tester(string)
{
string ? alert(string) : alert('you call a function named tester');
}
第二种方法:
源于:http://www.phper.org.cn/?post=44
test.php
<script> function loadjs(url,callback){ var head = document.getElementsByTagName("head")[0]; var script = document.createElement('script'); script.onload = script.onreadystatechange = script.onerror = function (){ if (script && script.readyState && /^(?!(?:loaded|complete)$)/.test(script.readyState)) return; script.onload = script.onreadystatechange = script.onerror = null; script.src = ''; script.parentNode.removeChild(script); script = null; callback(); } script.charset = "gb2312"; script.src = url; try { head.appendChild(script); } catch (exp) {} } function loadmultijs(url,callback){ if(Object.prototype.toString.call(url)==='[object Array]'){ //是否数组 this.suc = 0; //加载计数 this.len = url.length; //数组长度 var a = this; for(var i = 0;i < url.length;i++){ loadjs(url[i],function(){ a.suc++; if(a.suc == a.len) try{callback();}catch(e){} }); } } else if(typeof(url) == 'string') loadjs(url,callback); } loadjs("test5.php?return=value",function(){ alert(value); tester(value); }); </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
<style type="text/css" media="screen">@import "body.css";</style>
<style type="text/css" media="screen">@import "div.php?w=300&h=400";</style>
<link rel="stylesheet" type="text/css" href="fonts.php?s=24&c=red">
<body>
<div>
this document has a #e4e4e4 background, a 300px/400px div, and a arial/24px/red words.
</div>
</body>
div.php
<?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
<?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?>}
转载注明出处: http://justcoding.iteye.com/blog/1017497