查看: 4883|回复: 0
打印 上一主题 下一主题

php+javascript 静态化简单实例

[复制链接]
跳转到指定楼层
1#
发表于 2008-10-30 14:30:46 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
台州网址导航
1. php生成js文件:

以下为引用的内容:
<?php
a=array(
array('title'=>'本地新闻1',ln=>'#'),
array('title'=>'本地新闻2',ln=>'#'),
array('title'=>'本地新闻3',ln=>'#')

);//实际操作中可通过数据库得到记录集数组
news=' var a=['; //把该数组转化为javascrīpt形式

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


if(i==count(a)-1) {
news.='{'
."title:'"
.a[title]."'"
.","
."ln:'"
.a[ln]
.'\'}';
}else {
news.='{'
."title:'"
.a[title]."'"
.","
."ln:'"
.a[ln]
.'\'},'; //如不是最后一个数据,则用逗号隔开,否则结束
}
}

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

2.html 文件

<!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>无标题文档</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.title); //用a.title代替取出的title
tmp=tmp.replace(re2,a.ln);
document.write(tmp); //显示文本
}
</scrīpt>
<table width="200" border="1">



</table>
</body>
</html>
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 转播转播 分享分享 分享淘帖
台州维博网络(www.tzweb.com)专门运用PHP+MYSQL/ASP.NET+MSSQL技术开发网站门户平台系统等。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

网站推广
关于我们
  • 台州朗动科技(Tzweb.com)拥有多年开发网站平台系统门户手机客户端等业务的成功经验。主要从事:政企网站,系统平台,微信公众号,各类小程序,手机APP客户端,浙里办微应用,浙政钉微应用、主机域名、虚拟空间、后期维护等服务,满足不同企业公司的需求,是台州地区领先的网络技术服务商!

Hi,扫描关注我

Copyright © 2005-2026 站长论坛 All rights reserved

Powered by 站长论坛 with TZWEB Update Techonolgy Support

快速回复 返回顶部 返回列表