php 动态加载JavaScript文件或者css文件

最新推荐文章于 2021-08-03 22:32:56 发布

iteye_5904

最新推荐文章于 2021-08-03 22:32:56 发布

阅读量611

点赞数

分类专栏： Php / Pear / Mysql / Node.js 文章标签： PHP CSS JavaScript Ajax ITeye ViewUI

本文链接：https://blog.csdn.net/iteye_5904/article/details/82058855

版权

Php / Pear / Mysql / Node.js 专栏收录该内容

377 篇文章 0 订阅

订阅专栏

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

iteye_5904

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
php 动态加载JavaScript文件或者css文件

1. 动态加载JS文件第一种方法： test.php &lt;script language="JavaScript" src="test6.php?str=i love bainiangzi"&gt;&lt;/script&gt;&lt;script&gt;tester();&lt;/script&gt; test6.php &lt;?php
复制链接

扫一扫

专栏目录