解析php javascript 靜態(tài)化簡(jiǎn)單實(shí)例

2024-05-04 21:52:13

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

1.php生成js文件:

以下為引用的內(nèi)容：

php代碼:
<?php
a=array(
array('title'=>'本地新聞1',ln=>'#'),
array('title'=>'本地新聞2',ln=>'#'),
array('title'=>'本地新聞3',ln=>'#')

);//實(shí)際操作中可通過數(shù)據(jù)庫(kù)得到記錄集數(shù)組
news=' var a=['; //把該數(shù)組轉(zhuǎn)化為javascrīpt形式

for(i=0;i<count(a);i ) {

if(i==count(a)-1) {
news.='{'
."title:'"
.a[i][title]."'"
.","
."ln:'"
.a[i][ln]
.'/'}';
}else {
news.='{'
."title:'"
.a[i][title]."'"
.","
."ln:'"
.a[i][ln]
.'/'},'; //如不是最后一個(gè)數(shù)據(jù),則用逗號(hào)隔開,否則結(jié)束
}
}

news.='];';
fh=fopen("file.js","w");
fwrite(fh,news);
fclose(fh); //寫入js
?>

2.html 文件

以下為引用的內(nèi)容：

php代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標(biāo)題文檔</title>
</head>

<body>
<div id="news" style="display:none" > //定義顯示的格式,先通過display:none 隱藏
<table border="1" bordercolor="#FF0000">
<tr>
<td><a href="link">title</a></td>
</tr>
</table>
</div>
<scrīpt language="javascrīpt" src="file.js"> //引用js

</scrīpt>
<scrīpt language="javascrīpt" >

news_obj=document.getElementById('news');
e=news_obj.innerHTML;
re=//title/g; //正則,匹配title
re2=//link/g; // 匹配link
for(i=0;i<a.length;i ) {
tmp=e.replace(re,a[i].title); //用a[i].title代替取出的title
tmp=tmp.replace(re2,a[i].ln);
document.write(tmp); //顯示文本
}
</scrīpt>
<table width="200" border="1">

</table>
</body>
</html>

上一篇：php上傳經(jīng)典源碼

下一篇：淺析PHP 5.0對(duì)象模型深度探索之綁定