php+javascript 静态化简单实例

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[i][title].”‘”
.”,”
.”ln:’”
.a[i][ln]
.’\'}’;
}else {
news.=’{‘
.”title:’”
.a[i][title].”‘”
.”,”
.”ln:’”
.a[i][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[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>

时间: 2024-10-18 13:50:16

php+javascript 静态化简单实例的相关文章

javascript加减乘除的简单实例_javascript技巧

javascript加减乘除的简单实例 <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </head> <script language="javascript" type="text/javascript"> //除法函数 function accD

使用ob系列函数实现PHP网站页面静态化_php实例

将PHP的执行页面预先转换成HTML,是所谓的PHP静态化方法之一. 其他还有模板替换法,opcache等方法. 静态化的作用: 提高网站的响应速度,降低服务器的负载: 用于搜索引擎的SEO: 利用PHP输出buffer直接写成html,定时后台定时扫一遍网站,是比较容易实现的网页静态化. 静态化之前: <?php for($i=0;$i<1000;$i++){ echo "bull<br>"; } ?> 静态化: <?php ob_start();

编写一个可静态化的页面程序

问题描述 [考点]网页静态化的实例编写.[出现频率]★★☆☆☆[解答]在VS2008中添加新的HTML页面到NetWeb3项目,并命名为HtmlTemp.htm.在该页面中创建表格,并在<title>内填入"{Title}",在其他相应单元格中分别填入"{AddUserName}","{AddMsg}"和"{AddTime}".这个静态页面作为网页静态化的模板页面,可以决定网页静态化后的显示布局,编写HtmlTem

PHP实现页面静态化的超简单方法_php实例

为什么要页面静态化? 1.动态文件执行过程:语法分析-编译-运行 2.静态文件,不需要编译,减少了服务器脚本运行的时间,降低了服务器的响应时间,直接运行,响应速度快:如果页面中一些内容不经常改动,动态页面静态化是非常有效的加速方法.(纯静态,伪静态还是需要PHP解释器的) 3.生成静态URL利于SEO,利于蜘蛛抓取和收录,有利于提升排名 优化页面响应时间方法 1.动态页面静态化 2.优化数据库 3.负载均衡 4.使用缓存等等 //动态页面静态化一般用于不经常改动的地方,频繁改动的地方一般不适用静

JS控制静态页面之间传递参数获取参数并应用的简单实例_javascript技巧

在项目中遇到这也一个问题: 有a.html和b.html. 1.a页面已经打开,b页面尚未打开,我希望在a页面设置好一些列参数,比如背景色,宽度等参数,传递给b页面,好让b页面在打开就能应用. 2.a页面已经打开,b页面无论是否打开.在a页面需要获取到b页面的一些元素甚至变量,以便于应用到a页面. 注意:不涉及跨域问题. 想了很久,终于想到了解决方案. 第一个问题,我们可以利用html页面锚点的特性,将参数通过url传递给b页面 这是a页面代码: <button>跳转设置</button

Smarty实现页面静态化(生成HTML)的方法_php实例

本文实例讲述了Smarty实现页面静态化(生成HTML)的方法.分享给大家供大家参考,具体如下: 为了减少数据库读取次数,某些内容不经常被更改的页面,比如文章详细页面需要做成HTML静态页面. 在使用Smarty的情况下,也可以实现页面静态化.下面先简单说一下使用Smarty时通常动态读取的做法. 一般分这几步: 1.通过URL传递一个参数(ID): 2.然后根据此ID查询数据库: 3.取得数据后根据需要修改显示内容: 4.assign需要显示的数据: 5.display模板文件. Smarty

JavaScript实现页面实时显示当前时间的简单实例

这篇文章介绍了页面实时显示当前时间的简单实例,有需要的朋友可以参考需要   复制代码 代码如下: <html> <head> <title>JavaScript实现页面实时显示当前时间</title> </head> <body> <script language="javascript"> function showtime() { var today,hour,second,minute,year,

javascript实现数字验证码的简单实例介绍

 本篇文章主要是对javascript实现数字验证码的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 实例如下: 代码如下: <!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.

javascript实现数字+字母验证码的简单实例

 本篇文章只要是对javascript实现数字+字母验证码的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 实例如下:  代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www