您的位置：首页 > 编程技术 > php  >  php+mysql+ajax仿百度谷歌搜索下拉自动提示框效果

php+mysql+ajax仿百度谷歌搜索下拉自动提示框效果

 更新时间：2016年11月25日 15:43  点击：1287
使用百度google时我们都会发现只要输入一个字就会有相关提示内容了，这个很好的提升了网站的体验了，下面我来与大家一起学习一个php+mysql+ajax仿百度谷歌搜索下拉自动提示框效果实例。


很久以前就写了，现在拿到博客给大家分享一下。仿百度谷歌搜索下拉自动提示原理并不是很复杂，主要就是通过ajax这座桥梁。没有百度那么强大，它可以匹配拼音等，我目前水平确实做不到，我只是实现一下这个效果。


我们一起看看源码后面有分析与源码下载

数据库，我们把它保存导入到mysql数据库

 代码如下 复制代码

/*
Navicat MySQL Data Transfer

Source Server         : localhost
Source Server Version : 50528
Source Host           : localhost:3306
Source Database       : ajaxdemo1

Target Server Type    : MYSQL
Target Server Version : 50528
File Encoding         : 65001

Date: 2013-07-23 17:52:48
*/


SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- Table structure for `article`
-- ----------------------------
DROP TABLE IF EXISTS `article`;
CREATE TABLE `article` (
  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `title` varchar(64) NOT NULL,
  `click` int(11) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `title` (`title`)
) ENGINE=MyISAM AUTO_INCREMENT=13 DEFAULT CHARSET=gbk;

-- ----------------------------
-- Records of article
-- ----------------------------
INSERT INTO `article` VALUES ('1', 'php', '58');
INSERT INTO `article` VALUES ('2', 'pps', '99');
INSERT INTO `article` VALUES ('3', 'pdf阅读器下载', '32');
INSERT INTO `article` VALUES ('4', 'pptv', '52');
INSERT INTO `article` VALUES ('5', 'photoshop', '58');
INSERT INTO `article` VALUES ('6', 'photoshop cs5 序列号', '26');
INSERT INTO `article` VALUES ('7', 'phpcms', '56');
INSERT INTO `article` VALUES ('8', 'phpnow', '10');
INSERT INTO `article` VALUES ('9', 'php文件如何打开', '18');
INSERT INTO `article` VALUES ('10', 'php发展', '6');
INSERT INTO `article` VALUES ('11', 'php学习', '158');
INSERT INTO `article` VALUES ('12', 'php教程', '88');


index.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>searchSuggest</title>
<link href="css/searchSuggest.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/searchSuggest.js"></script>
</head>
 
<body>
<div id="searchSuggest">
 <form action="deal.php" method="get" id="suggest_form">
  <input type="text" name="keywords" id="suggest_input" autocomplete="off"/>
  <input type="submit" value="搜索一下" id="suggest_submit" />
 </form>
 <ul id="suggest_ul">
 </ul>
</div>
 
</body>
</html>


getdata.php文件

 代码如下 复制代码

<?php
 
 header("Content-type:text/html;charset=gb2312");
 //数据库配置信息(用户名,密码，数据库名，表前缀等)
 $cfg_dbhost = "localhost";
 $cfg_dbuser = "root";
 $cfg_dbpwd = "dddddd";
 $cfg_dbname = "ajaxdemo1";
 $cfg_dbprefix = "";

 $link = mysql_connect($cfg_dbhost,$cfg_dbuser,$cfg_dbpwd);
 mysql_select_db($cfg_dbname);
 mysql_query("set names gbk");
 //防止乱码
 $keywords = iconv("utf-8","gb2312//IGNORE",$_POST['keywords']);
 //匹配输入的关键字相关的标题，并按点击量排名，点击越多的排最前面
 $sql = "select title from ".$cfg_dbprefix."article where title like '%".$keywords."%' order by click desc limit 0,9;";
 //echo $sql;
 $res = mysql_query($sql,$link);
 
 $mNums = mysql_num_rows($res);
 //echo $mNums;
 $row=mysql_fetch_array($res);
 if($mNums<1){
  echo "no";
  exit();
 }else if($mNums==1){
  //返回json数据
  echo "[{'keywords':'".iconv_substr($row['title'],0,14,"gbk")."'}]";
 }else{
  $result="[{'keywords':'".iconv_substr($row['title'],0,14,"gbk")."'}";
  while($row=mysql_fetch_array($res)){
   $result.=",{'keywords':'".iconv_substr($row['title'],0,14,"gbk")."'}";
  }
  $result.=']';
  echo $result;
 }
 mysql_free_result($res);

?>

这些是核心代码，后面有完整实例下载地址

先看一下效果吧（往下面走，有源码下载^_^）

输入一个“p”后的效果


每输入一个字符都会进行一次匹配

 

效果就这样，如果觉得还行，可以下载下面的源码来玩玩。


数据表里面我只添加了10来条数据，如果有需要，可以自己添加。

 

整实例下载地址:源码下载

自动保存常用于编辑器了，要实现数据定时保存我们会使用到ajax功能，下面我们再一起来看一个input输入框失去焦点自动保存输入框的数据实例

最近做一个输入框失去焦点时自动保存数据的功能，当然就是jQuery选择器选择input，blur时，ajax提交数据给php文件，php文件保存一下数据咯。主要是要注意一下中文的问题，所以中间需要转一下编码。

下面的实例是一个列表页，有一点类似excel了。

html代码：

 代码如下 复制代码

<table width=”100%” align=”left” border=”0″ cellspacing=”0″ bgcolor=”#CCCCCC”>
<tr onmouseover=”this.className=’on’;” onmouseout=”this.className=”;” align=”center” id=”{$id}” bgcolor=”#FFFFFF”>
<td >{$id}</td>
<td ><input type=”text” id=”title_{$id}” value=”{$title}”  onblur=”ajaxEdit(‘{$id}’,'title’);” ></td>
<td ><textarea id=”description_{$id}”  rows=”4″  onblur=”ajaxEdit(‘{$id}’,'description’);” >{$description}</textarea></td>
<td ><a href=”view.php?aid={$id}” target=”_blank”>预览</a><a href=”edit.php?aid={$id}”>编辑</a></td>
</tr>
</table>

js代码：

 代码如下 复制代码

<script type=”text/javascript”>

function Dd(i) {return document.getElementById(i);}
function ajaxEdit(aid,field){
var value = decodeURI(Dd(field+”_”+aid).value);
$.ajax({
type: “POST”,
url: “edit.php”,
data: {dopost:”ajaxSave”,aid:aid,field:field,value:value},
success: function(data){
if(data==”true”){//更新成功
Dd(field+”_”+aid).style.border=”#fff”;
}else{//更新失败
alert(“更新失败，可能是网速太慢”);
}
}
});
}
</script>

php代码：（引用了dedecms的函数、方法）

 代码如下 复制代码

if($dopost==’ajaxSave’)
{

$value = urldecode(AutoCharset($value,”UTF-8″,”GB2312″));
//更新主表
$inQuery = “UPDATE `#@__archives` SET $field=’$value’ WHERE id=’$aid’”;
if($dsql->ExecuteNoneQuery($inQuery))
{
echo “true” ;
exit;
}else{
echo “false”;
exit;
}

}

方法二，定时保存草稿功能，防止数据意外丢失！

情况介绍，网站后台编辑器是采用了百度UEditor所见即所得编辑器，我们就是要实现自动定时保存编辑器里的内容。

编辑器的调用方式如下：

 代码如下 复制代码

<script type="text/plain" id="content" name="content" style="width:800px;height:400px;"></script>
<script type="text/javascript">
    var editor = new UE.ui.Editor();
    editor.render('content');
</script>

在发表页面或编辑页的最后加入js调用标签：

<!--自动保存功能 防止数据意外丢失-->

 代码如下 复制代码

<script type="text/javascript" src="localStorag.js"></script>

localStorag.js 的代码如下：

 代码如下 复制代码

/*注意: 本js脚本请在网页源代码最后的地方放置*/
if(!window.localStorage){
alert('您的浏览器不支持 localStorage 技术!');
}else{

var spanObj = document.getElementById('s1');
var saveTimer= setInterval(function(){
var str="";
if(document.all){/*IE*/ str=document.frames[1].document.body.innerHTML; }
else{/*Chrome,ff*/ str=document.getElementById("ueditor_0").contentDocument.body.innerHTML; }
if(str.length>20 && (str.indexOf("。")>-1 || str.indexOf("，")>-1)){ /*有内容才保存 且有句号或逗号*/
localStorage.setItem("ctValue", str);
var d = new Date();
var YMDHMS = d.getFullYear() + "-" +(d.getMonth()+1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
spanObj.innerText='（数据保存于: '+YMDHMS+'）';
setTimeout(function(){ spanObj.innerText=''; },5000);
}
    },25000); //每隔N秒保存一次

function stoplocs(){
clearInterval(saveTimer); //停止保存
//localStorage.removeItem("ctValue"); //清空
}

function showlocs(){
var html = localStorage.getItem("ctValue");
editor.setContent(html);
//alert(localStorage.getItem("ctValue"));
}

}

可以增加停止保存按钮或立即恢复按钮，如下：

 代码如下 复制代码

<a href="javascript:void(0)" onclick="javascript:stoplocs()">停止保存</a>
<a href="javascript:void(0)" onclick="javascript:showlocs()">立即恢复</a>

好了，现在你的网站发表页面/编辑页面就具备自动保存功能了。注意这种方式支持IE8及以上版本的IE，CHROME，Firefox等等大多数主流浏览器。至于IE6，实在是老掉牙了，不在考虑范围内。如果一定要考虑IE6的，请使用上面提供的IE6/ie7兼容方案。

今天我们一起来看看在php中获取目录及删除目录中文件或指定目录中文件实例，希望此方法对各位朋友会带来帮助。

用php程序删除目录和文件比到ftp删除有很多优势。首先进ftp就比较麻烦，然后删除大量文件的时候ftp删除很慢，还有就是程序只想删除文件夹下面的文件，而保留目录结构，可以用php来轻松的实现，再有比如生成的日志、缓存要清除用程序来完成显然轻松的多。

listFiles

第一步，PHP获取目录下面所有文件和文件夹

 

 代码如下 复制代码

<?php

 $dir = "D:/";  //要获取的目录

 echo "********** 获取目录下所有文件和文件夹 ***********<hr/>";

 //先判断指定的路径是不是一个文件夹

 if (is_dir($dir)){

  if ($dh = opendir($dir)){

   while (($file = readdir($dh))!= false){

    //文件名的全路径 包含文件名

    $filePath = $dir.$file;

    //获取文件修改时间

    $fmt = filemtime($filePath);

    echo "<span style='color:#666'>(".date("Y-m-d H:i:s",$fmt).")</span> ".$filePath."<br/>";

   }

   closedir($dh);

  }

 }

?>


第2步：删除目录及目录下所有的文件

 代码如下 复制代码


function delDirAndFile( $dirName ){ 

 if ( $handle = opendir( "$dirName" ) ) { 

  while ( false !== ( $item = readdir( $handle ) ) ) { 

   if ( $item != "." && $item != ".." ) { 

     if ( is_dir( "$dirName/$item" ) ) { 

       delDirAndFile( "$dirName/$item" ); 

     } else { 

       if( unlink( "$dirName/$item" ) )echo "已删除文件： $dirName/$item<br />n"; 

     } 

    } 

   } 

  closedir( $handle ); 

  if( rmdir( $dirName ) ) echo "成功删除目录： $dirName<br />n"; 

 } 

}

 


第3步：删除目录下面的文件，不删除目录

 代码如下 复制代码


function delFileUnderDir( $dirName ){ 

 if ( $handle = opendir( "$dirName" ) ) { 

  while ( false !== ( $item = readdir( $handle ) ) ) { 

   if ( $item != "." && $item != ".." ) { 

    if ( is_dir( "$dirName/$item" ) ) { 

      delFileUnderDir( "$dirName/$item" ); 

     } else { 

      if( unlink( "$dirName/$item" ) ) echo "已删除文件：$dirName/$item<br />n"; 

     } 

    } 

   } 

  closedir( $handle ); 

 } 

}

小结

这个我们先是从获取目录所有所文件与目录开始然后在基础上进行删除操作。

php mkdir创建目录只能一级级创建目录了，如果多级我们需要递归遍历来创建目录哦，下面我给大家介绍此函数的一些使用技巧吧。

先介绍一下 mkdir() 这个函数

mkdir($path,0777,true);

第一个参数：必须，代表要创建的多级目录的路径；

第二个参数：设定目录的权限，默认是 0777，意味着最大可能的访问权；

第三个参数：true表示允许创建多级目录。

mkdir($dir,$mode)；但是它每次只能创建一个目录，也就是说它不能一次创建多级目录，如下

mkdir('aa'); //就只能创建一个aa目录了

mkdir('aa/bb/cc');//如果有aa/bb目录就可以成功创建cc目录否则会报错哦,如果要创建多目录我们看下面代码

举例代码（支持创建中文目录）：

 代码如下 复制代码

<?php

 


 header("Content-type:text/html;charset=utf-8");

 //要创建的多级目录

 $path="dai/php/php学习";

 //判断目录存在否，存在给出提示，不存在则创建目录

 if (is_dir($path)){ 

  echo "对不起！目录 " . $path . " 已经存在！";

 }else{

  //第三个参数是“true”表示能创建多级目录，iconv防止中文目录乱码

  $res=mkdir(iconv("UTF-8", "GBK", $path),0777,true);

  if ($res){

   echo "目录 $path 创建成功";

  }else{

   echo "目录 $path 创建失败";

  }

 }

 


?>

再看一个递归创建目录的实例

小编整理了两个可以递归创建目录的方法供大家参考学习，谢谢啦！

 代码如下 复制代码

<?php
/*
*mkdir($dir,$mode)
*PHP 递归创建目录
*/
function mkdirs($dir, $mode = 0777)
{
    if (is_dir($dir) || @mkdir($dir, $mode)){
        return true;
    }
    if (!mkdirs(dirname($dir), $mode)){
        return false;
    }
    return @mkdir($dir, $mode);
}

function mkdirs($dir, $mode = 0777)
{
    $dirArray = explode("/",$dir);
    $dirArray = array_filter($dirArray);
  
    $created = "";
    foreach($dirArray as $key => $value){
        if(!empty($created)){
            $created .= "/".$value;
            if(!is_dir($created)){
                mkdir($created,$mode);
            }
        }else{
            if(!is_dir($value)){
                mkdir($value,$mode);
            }
            $created .= $value;
        }
    }
}
?>
//代码应用实例
$path="abc/ff/ss/";
mkdirs($path,$mode = 0777);

上边介绍的就是php递归创建目录和多级目录的内容

搜索文件很简单只要用户输入目录我们就会自动遍历目录找到相关联的文件名并列出来，下面我们一起来看看吧。

php文件查找程序，输入一个路径确定后会遍历目录下所有的文件和文件夹，通过递归可以找到文件夹下面的每一个文件，再通过文件名和输入的关键字匹配，则可以查找到你想要的文件。对于本地，我们可以利用windows自带的查找去进行查找，但是对于线上的话，如查找ftp空间里面文件，本程序是很有用的。

php文件查找器


php文件查找器源码：

 代码如下 复制代码

<html>

 <head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>php版文件查找（file search）</title>

 </head>

 <body>

  <form action="" method="post">

  <p> 文件查找（注：区分大小写）</p>

  <p>路径：<input type="text" name="path" /></p>

  <p>查找：<input type="text" name="key" /></p>

  <p><input type="submit" name="sub" value=" 开 始 " /></p>

  </form>

 </body>

</html>

<?php

/*

 * 注：区分大小写

 */

if(!empty($_POST['path'])&&!empty($_POST['key'])){

 echo "在路径 ".$_POST['path']."/ 中查找 ".$_POST['key']." 的结果为：<hr/>";

 $file_num = $dir_num = 0;

 $r_file_num = $r_dir_num= 0;

 $findFile = $_POST['key'];

 function delDirAndFile( $dirName ){ 

  if ( $handle = @opendir( "$dirName" ) ) {

   while ( false !== ( $item = readdir( $handle ) ) ) { 

    if ( $item != "." && $item != ".." ) { 

     if ( is_dir( "$dirName/$item" ) ) { 

      delDirAndFile( "$dirName/$item" );

     } else { 

      $GLOBALS['file_num']++;

      if(strstr($item,$GLOBALS['findFile'])){

       echo " <span><b> $dirName/$item </b></span><br />n";

       $GLOBALS['r_file_num']++;

      }

     } 

    }

   }

   closedir( $handle ); 

   $GLOBALS['dir_num']++;

   if(strstr($dirName,$GLOBALS['findFile'])){

    $loop = explode($GLOBALS['findFile'],$dirName);

    $countArr = count($loop)-1;

    if(empty($loop[$countArr])){

     echo " <span style='color:#297C79;'><b> $dirName </b></span><br />n";

     $GLOBALS['r_dir_num']++;

    }

   }

  }else{

   die("没有此路径！");

  }

 }

 


 delDirAndFile($_POST['path']);

 echo "<hr/>本次共搜索到".$file_num."个文件，文件夹".$dir_num."个<br/>";

 echo "<hr/>符合结果的共".$r_file_num."个文件，文件夹".$r_dir_num."个<br/>";

}

 


?>

上面只是查找文件，下面看一个查找文件中的字符是否包括我们要找的东西

自己写的一个批量查找文件内容的php程序，我是拿来扫描文件特征码的，现在我 贴出代码，供大家参考

 代码如下 复制代码


<?php

if ($_POST ['Submit'] == '开始') {

 $total = 0; //文件总数

 $dangerous = array (); //危险文件

 $dangerous_content = $_POST ["sstr"];

 $find_path = $_POST ["searchpath"];

 $shortname = $_POST ["shortname"];

 echo "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>";

 echo "<html>";

 echo "<head>";

 echo "<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />";

 echo "</head>";

 echo "<body>";

 $begin_time=date("U");

 // $dangerous_content = "小亮,Root_GP,Root_CSS,c99sh_updateurl,c99sh_sourcesurl,640684770";

 visitFile ( $find_path, $shortname );

 $end_time=date("U");

 foreach ($dangerous as $d){

  echo $d."<br/>";

 }

 echo "查找文件总数:" . $total." 危险文件:".count($dangerous)." 总用时".($end_time-$begin_time)."秒";

 echo "</body>";

 echo "</html>";

 //if (! empty ( $dangerous )) {

  //foreach ( $dangerous as $dan ) {

 //echo "[error]" . $dan . "<br/>";

 //}

 //}

 exit();

}

function visitFile($path, $ext) {

 global $total;

 global $dangerous_content;

 $fdir = dir ( $path );

 //echo "Handle: " . $d->handle . "<br>";

 // echo "Path: " . $fdir->path . "<br>";

 set_time_limit ( 24 * 60 * 60 );

 

 while ( ($entry = $fdir->read ()) !== false ) {

  $pathSub = $path . "\" . $entry;

  if ($entry != '.' && $entry != '..') {

   if (is_dir ( $pathSub )) {

    visitFile ( $pathSub, $ext );

   } else {

    $exten = explode ( '.', $entry );

    $exten = array_reverse ( $exten ); //把上面数组倒序

    //   foreach ()

    $shortnames = explode ( '|', $ext );

    foreach ( $shortnames as $sn ) {

     if (! empty ( $exten ) && $sn == $exten [0]) {

      $total = $total + 1;

      //echo "开始分析文件:".$path."/".$entry . "<br>";

      $content = file_get_contents ( $path . "/" . $entry ); //这个性能较好

      $content = strtolower ( $content ); //全部转为小写

      $dangerous_content = strtolower ( $dangerous_content ); //全部转为小写

      isExists ( $dangerous_content, $path . "/" . $entry, $content );//这个方法太耗内存了，希望有高手能解决一下

     }

    }

    //sleep(1);

   }

  }

 }

 $fdir->close ();

}

function isExists($str, $filename, $content) {

 global $dangerous;

 //sleep ( 1 );

 set_time_limit ( 10 );

 $arr = explode ( ',', $str );

 $signature="特征码：";

 if (! empty ( $arr )) {

  //  $content = file_get_contents ( $filename ); //这个性能较好

  $content = strtolower ( $content ); //全部转为小写

  $error_count = 0;

  foreach ( $arr as $a ) {

   if (trim ( $a ) != "") {

    if (strpos ( $content, $a )) {

     $error_count = $error_count + 1;

     $signature.=$a." ";

    }

   }

  }

  if ($error_count > 0) {

//   $dangerous [] = $filename;

   $dangerous [] = "[error] " . $error_count . " " .$signature." " . $filename;

   //echo "[error] " . $error_count . " " .$signature." " . $filename . "<br/>";

  }else{

   //echo "[ok] "  . $filename . "<br/>";

  }

 }

}

?>

<!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=utf-8" />

<title>批量查询文件</title>

<style type="text/css">

body {

 background: #FFFFFF;

 color: #000;

 font-size: 12px;

}

 

#top {

 text-align: center;

}

 

h1,p,form {

 margin: 0;

 padding: 0;

}

 

h1 {font-size; 14px;

 

}

</style>

</head>

<body>

<div id="top">

<h1>批量查找程序</h1>

<div>本程序可以扫描指定目录的所有文件，进行<strong>内容查找</strong>。<br />

在文件数量非常多的情况下，本操作比较占用服务器资源，请确脚本超时限制时间允许更改，否则可能无法完成操作。</div>

</div>

 

 

<form action="<?=$_SERVER ['SCRIPT_NAME']?>" name="form1"

 target="stafrm" method="post">

<table width="95%" border="0" align="center" cellpadding="3"

 cellspacing="1" bgcolor="#666666">

 <tr>

  <td width="10%" bgcolor="#FFFFFF"><strong>&nbsp;起始根路径：</strong></td>

  <td width="90%" bgcolor="#FFFFFF"><input name="searchpath" type="text"

   id="searchpath" value="D:/" size="20" /> 点表示当前目录，末尾不要加/ </td>

 </tr>

 <tr>

  <td bgcolor="#FFFFFF"><strong>&nbsp;文件扩展名：</strong></td>

  <td bgcolor="#FFFFFF"><input name="shortname" type="text"

   id="shortname" size="20" value="htm|html|shtml|php" /> 多个请用|隔开</td>

 </tr>

 <tr id="rpct">

  <td height="64" colspan="2" bgcolor="#FFFFFF">

  <table width="100%" border="0" cellspacing="1" cellpadding="1">

   <tr bgcolor="#EDFCE2">

    <td colspan="4"><strong>内容查找选项：</strong> <input type="checkbox"

     name="isreg" value="1" />使用正则表达式</td>

   </tr>

   <tr>

    <td colspan="4">查找内容类默认使用字符串查找，也可以使用正则表达式(需勾选)。"查找为"不填写的话，就表示删除"查找内容"。

     <br />com,system,exec,eval,escapeshell,cmd,passthru,base64_decode,gzuncompress

    </td>

   </tr>

   <tr>

    <td width="10%">&nbsp;查找内容：</td>

    <td width="36%" colspan="3"><textarea name="sstr" id="sstr"

     style="width: 90%; height: 45px">小亮,Root_GP,Root_CSS,c99sh_updateurl,c99sh_sourcesurl,640684770,hx_dealdir,while(1)</textarea></td>

   </tr>

  </table>

  </td>

 </tr>

 <tr>

  <td colspan="2" height="20" align="center" bgcolor="#E2F5BC"><input

   type="submit" name="Submit" value="开始" class="inputbut" /></td>

 </tr>

</table>

</form>

<table width="95%" border="0" align="center" cellpadding="3"

 cellspacing="1" bgcolor="#666666">

 <tr bgcolor="#FFFFFF">

  <td id="mtd">

  <div id='mdv' style='width: 100%; height: 100;'><iframe name="stafrm"

   frameborder="0" id="stafrm" width="100%" height="100%"></iframe></div>

  <script type="text/javascript">

    document.all.mdv.style.pixelHeight = screen.height - 450;

    </script></td>

 </tr>

</table>

</body>

</html>
[!--infotagslink--]

相关文章

  • JS使用cookie实现DIV提示框只显示一次的方法

    本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法。分享给大家供大家参考，具体如下：这里运用JavaScript的cookie技术，控制网页上的提示DIV只显示一次，也就是当用户是第一次打开网页的时候才显示，第二次自动隐藏起...2015-11-08

  • vue+高德地图实现地图搜索及点击定位操作

    这篇文章主要介绍了vue+高德地图实现地图搜索及点击定位操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-09-09

  • 基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化

    这篇文章主要介绍了基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化的相关知识，主要对比说明在Bootstrap开发中用到的这些技术要点，对此文感兴趣的朋友一起学习吧...2016-05-14

  • 站内搜索关键词变亮方法

    我们这个做法是把搜索结果出来，与搜索关键词相同的替换成高亮的字， 我们会用到str_replace(你找的关键字，你找的关键字，$str); 就这么容易了，好了下面我们来看一...2016-11-25

  • 怎么对百度网页搜索的检索指标进行评估

    用户为满足自己某种需求而来到搜索引擎的，判断用户的需求是做好网站的开始。只有准确地判断出用户需求，了解用户搜索的目的，才能合理地衡量出一个网站结果的质量好，做好搜...2016-10-10

  • php搜索csv表格中是否存在指定数据

    php搜索csv中的数据原理是打开csv文件，然后一行行搜索指定的内容是否包含在我们读取这代码中，如果是返回true。 //搜索csv中指定内容 代码如下 复制代码...2016-11-25

  • uniapp 仿微信的右边下拉选择弹出框的实现代码

    这篇文章主要介绍了uniapp 仿微信的右边下拉选择弹出框的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-07-12

  • 解决vue动态下拉菜单 有数据未反应的问题

    这篇文章主要介绍了解决vue动态下拉菜单 有数据未反应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-06

  • pycharm 如何取消连按两下shift出现的全局搜索

    这篇文章主要介绍了pycharm 如何取消连按两下shift出现的全局搜索？下面小编就为大家介绍一下解决方法，还等什么？一起跟随小编过来看看吧...2021-01-16

  • DropDownList添加客户端下拉事件操作

    我们知道，DropDownList下拉框是一个服务器控件，有时候，有些朋友为了方便绑定DropDownList下拉框的选项，但又想在DropDownList实现客户端的下拉事件，那该怎么实现呢？...2021-09-22

  • Angular2搜索和重置按钮过场动画

    这篇文章主要介绍了Angular2搜索和重置按钮过场动画,需要的朋友可以参考下...2017-05-27

  • 基于element-ui封装可搜索的懒加载tree组件的实现

    这篇文章主要介绍了基于element-ui封装可搜索的懒加载tree组件的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-05-23

  • yii2带搜索功能的下拉框实例详解

    带搜索功能下拉框在项目中经常会用到，下面小编把实现代码分享到脚本之家平台，供大家参考...2016-05-13

  • PHP网络开发详解：搜索页面的设计

    PHP对于数据库的搜索主要通过使用SQL语句中的like子句来实现。如果同时搜索多个关键词，可以使用union子句来将搜索结果合并起来。以下代码实现了一个搜索页面...2016-11-25

  • 如何避免被搜索引擎视为作弊

    　　一个网站要想成功注册，它起码应具备两个条件，一是网站本身要有较好的内容和设计，二是网站没有作弊行为。这里所谓的“作弊”，是指采用一些特殊的、有悖常规的网...2016-09-20

  • 网站的聚合页或站内搜索页怎么会沦为百度搜索打击对象

    网站运营是很多人向往的赚钱方法，一些网站会发现，自己做的聚合页面和站内搜索页面被百度搜索无情打击，这是为什么，不知道原因的伙伴下面跟小编一起来看看。 今天杨子...2017-07-06

  • 精华：GOOGLE搜索秘籍全攻略

    一，GOOGLE简介 　　Google(www.google.com)是一个搜索引擎，由两个斯坦福大学博士生Larry Page与Sergey Brin于1998年9月发明，Google Inc. 于1999年创立。2000年7月...2016-09-20

  • JS实时弹出新消息提示框并有提示音响起的实现代码

    本文给大家介绍JS实时弹出新消息提示框并有提示音响起的实现代码，实现过程除了使用及时的推送技术外还使用ajax实现此功能，对js提示框提示音响起的相关知识感兴趣的朋友一起学习吧...2016-04-22

  • js右下角弹出提示框示例代码

    这篇文章主要介绍了js右下角弹出提示框示例代码，即网页右下角弹出广告信息框实例代码，感兴趣的小伙伴们可以参考一下...2016-01-14

  • ECMS(帝国CMS)搜索伪静态教程

    本次修改是基于ECMS(帝国cms) EmpireCMS v7.0 Free (201301151518)版本下测试修改的。其他未测试，大同小异吧。可以根据修改做修改即可...2015-12-30