简介: 写写帮文库小编为你整理了多篇相关的《showModalDialog窗口去缓存》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《showModalDialog窗口去缓存》。
一、前言
要打开一个可以载入页面的子窗口有三种方法,分别是window.open、window.showModalDialog和window.showModelessDialog。
open方法就是打开一个页面,可以说同用url链接打开一个页面一样,不推荐使用,因为很多浏览器会拦截。
这里推荐使用的是window.showModalDialog和window.showModelessDialog,下面介绍二者的异同和用法。
二、showModalDialog和showModelessDialog的区别
showModalDialog:被打开后就会始终保持输入焦点,除非对话框被关闭,否则用户无法切换到父窗口,类似alert的运行效果。
showModelessDialog:被打开后,用户可以随机切换输入焦点。对主窗口没有任何影响,最多是被挡住一下而以。
三、怎样才让在showModalDialog和showModelessDialog里的超连接不弹出新窗口
在默认情况下,showModalDialog和showModelessDialog窗口中的链接都会导致打开一个新的窗口,但这不是我们需要的。
解决这个问题的方法是在被showModalDialog和showModelessDialog窗口调用的页面添加
如下:
被打开的页面
四.、showModalDialog和showModelessDialog不使用缓存
showModalDialog和showModelessDialog在第一次打开页面时会默认缓存该页面,如果再次打开相同URL的页面的话,他们会直接调用缓存中的页面,而不是从服务器返回,要不使用缓存可进行如下配置:
被打开的页面 //禁止浏览器从本地缓存中调阅页面,网页不保存在缓存中,每次访问都刷新页面。
//同上面意思差不多,必须重新加载页面
//网页在缓存中的过期时间为0,一旦网页过期,必须从服务器上重新订
上面的配置不一定有效果,所以不推荐使用,最好的办法是在URL后加上一个时间戳,如下:
url = url + “&time=” + new Date();
五、如何刷新showModalDialog和showModelessDialog里的内容
在showModalDialog和showModelessDialog里是不能按F5刷新的,又不能弹出菜单。这个只能依靠javascript了,以下是相关代码:
reload...
将filename.htm替换成网页的名字然后将它放到你打开的网页里,按F5就可以刷新了,注
意,这个要配合 使用,不然你按下F5会弹出新窗口的。
由于在刷新上处理起来非常不方便,所以使用ajax结合showModalDialog和showModelessDialog使用是非常适合的,建议结合使用。
六、用javascript关掉showModalDialog(或showModelessDialog)打开的窗口
也要配合 ,不然会打开一个新的IE窗口,然后再关掉的。
七、showModalDialog和showModelessDialog数据传递技巧(例子用的是showModalDialog函数,showModelessDialog函数的用法一样)
1)父窗体向打开的窗体传递数据一般使用url参数传递
2)打开的窗体,即子窗体向父窗体进行数据传递有两种方法
(1)第一种称为“函数法”,同调用一个函数并返回值一样
可以通过在被调用的页面(子页面)使用window.returnValue来设置返回值,返回值可以是任何值或对象,调用页面(父页面)直接获取返回值即可。
//父窗体js,直接通过函数获取返回值
function openModalWindow(){
var returnValue = window.showModalDialog(“sonPage.aspx”);
alert(returnValue);
}
//子窗体js,通过window.returnvalue来设置返回值
function setReturnFatherPageValue(){
window.returnValue = true;
}
(2)第二种称为“引用法”,通过传递父窗体的引用,我们可以操作父窗体上的所有东西 要使用引用法就必须在打开子窗体时将父窗体作为一个参数传递给子窗体,而在子窗体可以通过window.dialogArguments获取到传递过来的父窗体的引用。
//父窗体js,将整个父window作为参数传递给子窗体
function openModalWindow(){
window.showModalDialog(“sonPage.aspx”, window);
}
//子窗体js,通过window.dialogArguments可以访问父window中的所有元素,它在这里代表了父window对象
function openModalWindow(){
var txt = window.dialogArguments.document.getElementByIdx(“txt”);
var lab = window.dialogArguments.document.getElementByIdx(“lab”);
txt.value = “sonPageChangedValue”;
lab.value = “isTheSame”;
}
八、控制弹出窗体的样式
1)dialogHeight:对话框高度,不小于100px
2)dialogWidth:对话框宽度。
3)dialogLeft:离屏幕左的距离。
4)dialogTop:离屏幕上的距离。
5)center:{ yes | no | 1 | 0 } : 是否居中,默认yes,但仍可以指定高度和宽度。
6)help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
7)resizable:{yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
8)status:{yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9)scroll:{ yes | no | 1 | 0 | on | off }:是否显示滚动条。默认为yes。
举例如下:
window.showModalDialog(“sonPage.aspx”, “", ”dialogHeight=350px;dialogwidth=410px;dialogLeft=0;dialogTop=25;help=no;resizable=no;status=no;scrollbars=no;“);
或
window.showModalDialog(”sonPage.aspx“, window, ”dialogHeight=350px;dialogwidth=500px;help=no;scrollbars=no;“);
都可
九、窗口高度自适应,这个需要在每个弹出框加载的页面放置,比较麻烦,而且不完善,使用时请调试好
function resetDialogHeight(){
if(window.dialogArguments == null){
return;//忽略非模态窗口
}
var ua = navigator.userAgent;
var height = document.body.offsetHeight;
if(ua.lastIndexOf(”MSIE 6.0“)!=-1){
if(ua.lastIndexOf(”Windows NT 5.1“)!=-1){//alert(”xp.ie6.0“);
window.dialogHeight=(height+102)+”px“;
}
else if(ua.lastIndexOf(”Windows NT 5.0“)!=-1){//alert(”w2k.ie6.0“);window.dialogHeight=(height+49)+”px“;
}
}
else{
window.dialogHeight=height+”px“;
}
}
然后如下设置即可:
JS:
// JavaScript Document
function showDialog(url, title, pageWidth, pageHeight){
if(typeof(pageWidth)!= 'number')pageWidth = 800;
if(typeof(pageHeight)!= 'number')pageHeight = 520;
var md = window.showModalDialog(url, title,“dialogWidth=”+pageWidth+“px;dialogHeight=”+pageHeight+“px;status=no;toolbar=no;location=no”);
if(md == undefined){
md = window.returnValue;
}
if(typeof(md)!= “undefined”){
if(md == “1”){
search();//刷新
}
}
}
父页:
showDialog(“Add.aspx?id=” + data + “&t=” +(new Date()).getTime(), “标题”, 650, 450);
子页:在
里添加下面代码
function reload(){
window.parent.returnValue = '2';window.close();
}
按钮事件:
保存成功:
Response.Write(“ ”);;
或取消:
Response.Write(“ ”);
php页面缓存实现方法总结
在php页面缓存主要用到的是ob系列函数,如ob_start(),ob_end_flush(),ob_get_contents(),但是更高级的缓存是不使用这些函数的,本文章最后一个实现就有讲到,大家可参考一下。ob_start():页面缓存开始的标志,此函数一下的内容直至ob_end_flush()或者ob_end_clean()都保存在页面缓存中;
ob_get_contents():用来获取页面缓存中的内容,获取到以后呢,我们就可以想怎么处理这些内容都行了,过滤字段啦,匹配内容啦,都可以~~~ :)
ob_end_flush():表示页面缓存结束。并且经我验证,缓存的内容将输出到当前页面上,也就是可以显示缓存内容。
用此三个php函数,就可以实现强大的功能。如果数据库查询量较大,可以用cache来解决这个问题。
下面是编码部分。
1.初始化函数,一般是设置页面缓存路径、缓存文件命名格式等,可按个人喜好自定义。这里用到的识别ID是经加密的$_SERVER[REQUEST_URI]参数。这个函数中最后还有一个if判断:若未过缓存期,则加载缓存文件,否则加载源文件。
代码如下 复制代码 function page_init(){
$url = $_SERVER['REQUEST_URI'];//子url,该参数一般是唯一的$pageid = md5($url);
$dir = str_replace('/','_',substr($_SERVER['SCRIPT_NAME'],1,-4));
//目录命名方式,如exp_index
if(!file_exists($pd = PAGE_PATH.$dir.'/'))@mkdir($pd,0777)or die(“$pd目录创建失败”);
//如cache/page/exp_index/
define('PAGE_FILE',$pd.$pageid.'.html');
//如cache/page/exp_index/cc8ef22b405566745ed21305dd248f0e.html
$contents = file_get_contents(PAGE_FILE);//读出
if($contents && substr($contents, 13, 10)> time())//对应page_cache()函数中加上的自定义头部
{
echo substr($contents, 27);
exit(0);
}
return true;
}
2.页面缓存函数,这里使用到一个技巧:在缓存文件的内容中加上一个头部信息--过期时间,所以每次只需要对头部中的过期时间和当前时间进行比较(在page_init()函数中进行)就能判断缓存是否过期了。
代码如下 复制代码
function page_cache($ttl = 0){
$ttl = $ttl ? $ttl : PAGE_TTL;//缓存时间,默认3600s
$contents = ob_get_contents();//从缓存中获取内容
$contents = “n”.$contents;
//加上自定义头部:过期时间=生成时间+缓存时间
file_put_contents(PAGE_FILE, $contents);//写入缓存文件中
ob_end_flush();//释放缓存
}
3.函数使用,注意这两个函数有先后执行顺序,还有别忘了ob_start()
代码如下 复制代码
page_init();//页面缓存初始化
ob_start();//开启缓存
...//代码段
page_cache(60);//一般是最后一行
?> 例2
下面做个示例来说明PHP页面缓存技术:
代码如下 复制代码
function cache_start($_time, $dir){
$cachefile = $dir.'/'.sha1($_SERVER['REQUEST_URI']).'.html';
$cachetime = $_time;
ob_start();
if(file_exists($cachefile)&&(time()-filemtime($cachefile)< $cachetime))
{
include($cachefile);
ob_end_flush();
exit;
} }
function cache_end($dir){
$cachefile = $dir.'/'.sha1($_SERVER['REQUEST_URI']).'.html';
$fp = fopen($cachefile, 'w');
fwrite($fp, ob_get_contents());
fclose($fp);
ob_end_flush();}
cache_start($_time, $dir);//以下是输出的内容,放在cache_start和cache_end两个方法之间 for($i=0;$i<5;$i++){
echo $i;
sleep(1);} cache_end($dir);?> 例
利用生成文件做缓存
代码如下 复制代码
* @copyright 2009-3-13 * @param string $cache_folder 缓文件夹
* @param int $cache_create_time 文件缓存时间 * @example $cache=new Esj_Cache('./_cache',100)* @example $cache->read_cache()读取缓存并输出
* @example $cache->creatre_cache()创建缓存文件(放在文件未尾)* @example $cache->list_file()返回所有缓存文件列表 * @example $cache->del_file()删除所有缓存文件 */
class Esj_Cache{ private $cache_folder=null;//cacher文件夹 private $wroot_dir=null;//站点目录
private $cacher_create_time=null;//cacher文件的建立时间
public function __construct($cache_foldername,$cacher_time=100){ ob_start();$this->wroot_dir=$_SERVER['DOCUMENT_ROOT'];$this->cache_folder=$cache_foldername;$this->cacher_create_time=$cacher_time;}
public function read_cache(){ try { if(self::create_folder($this->cache_folder)){ self::get_cache();//输出缓存文件信息 }else { echo “缓存文件夹创建失败!”;return false;}
}catch(Exception $e){ echo $e;return false;} }
//测试缓存文件夹是否存在
private function exist_folder($foler){ if(file_exists($this->wroot_dir.“/”.$foler)){ return true;}else { return false;} } //建立一个新的文件夹
private function create_folder($foler){ if(!self::exist_folder($foler)){ try{ mkdir($this->wroot_dir.“/”.$foler,0777);chmod($this->wroot_dir.“/”.$foler,0777);return true;}catch(Exception $e){ self::get_cache();//输出缓存 return false;} return false;} else { return true;} }
//读取缓存文件
private function get_cache(){ $file_name=self::get_filename();if(file_exists($file_name)&&((filemtime($file_name)+$this->cacher_create_time)> time())){ $content=file_get_contents($file_name);if($content){ echo $content;ob_end_flush();exit;}else { echo “文件读取失败”;exit;} } } //返回文件的名字
private function get_filename(){ $filename=$file_name=$this->wroot_dir.'/'.$this->cache_folder.'/'.md5($_SERVER['QUERY_STRING']).“.html”;return $filename;}
//建立缓存文件
public function create_cache(){ $filename=self::get_filename();if($filename!=“"){ try{ file_put_contents($filename,ob_get_contents());return true;}catch(Exception $e){ echo ”写缓存失败:“.$e;exit();} return true;} }
// 取得缓存中的所有文件 public function list_file(){ $path=$this->cache_folder;if($handle = opwww.shanxiwang.netendir($path)){ while(false!==($file = readdir($handle))){ if($file!=”.“ && $file!=”..“){ $path1=$path.”/“.$file;if(file_exists($path1)){ $result[]=$file;} } } closedir($handle);} return $result;}
//删除缓存中的所有文件 public function del_file(){ $path=$this->cache_folder;if($handle = opendir($path)){ while(false!==($file = readdir($handle))){ if($file!=”.“ && $file!=”..“){ $path1=$path.”/".$file;if(file_exists($path1)){ unlink($path1);} } } closedir($handle);} return true;} } ?>
龙源期刊网 http://.cn
办公自动化系统中缓存技术的使用
作者:王姝
来源:《数字技术与应用》2012年第12期
摘要:由于办公自动化系统的应用人数较多,对数据的检索也比较频繁,因此,这就要求系统要有一个强大的缓存功能。ASP.NET 2.0新增以SqlCacheDependency类为核心的SQL数据缓存依赖功能。这项技术的使用可以保证数据的查询速度及数据查询的准确性。关键词:缓存技术办公自动化 ASP.NET 2.0
中图分类号:TP311 文献标识码:A 文章编号:1007-9416(2012)12-0064-011、ASP.NET 2.0缓存机制
办公自动化系统是由Web应用程序来实现的。整个系统中的数据全部存放在SQL数据库中,那么,当很多人在同时进行数据的查询时,要想提高数据查询的速度及准确性,就要改善Web应用程序的性能。可以为办公自动化系统增加缓存功能来实现。从数据库中进行数据的检索查询,是用户使用最多的操作,但是,Web应用程序的执行包括很多道程序,要先通过Web服务器,还要再通过数据库的服务器来执行,因此,其执行速度可想而知,成为了限制系统使用的一个瓶颈问题。这个问题在用户数量较多是,显得尤为严重与突出。
针对这个问题,可以转换一下思维方式。那就是将数据库中的数据先缓存于内存中,或者是相当于内存的其他存储器上,无论用户访问哪一个页面,都可以随心的访问数据库,这种提前将数据库的数据存于缓存中的办法,与用户在访问数据时将数据调入内存这种传统方式相比,很明显,前一种节省了更多用户的等待时间。这样就提高了系统数据有关功能的执行速度。
利用这种缓存技术的确是克服了系统的执行速度这个难题,但是另一个难题又出现了。由于数据会在用户访问前,先将数据库内的信息缓存入内存中,当用户访问数据时,是访问前已经存在于内存中的数据,那么,如果数据在存入缓存之后,用户访问之前这个时间段发生了改变,用户访问时所查看到的数据就是过期的、准确性差的数据了。办公自动化系统虽然对实时数据的要求并不高,但这并不能成为可以忽略这个缓存弊端的理由。ASP.NET技术的发展发现了这个问题,并在新的版本中利用以SqlCacheDependency类为核心的SQL数据缓存依赖功能。SqlCacheDependency 类的功能就是在系统运行的过程中监视数据库中数据的变化,保证用户所访问的数据是实时的、准确的。
1.刷新本页面
在body里写一个A链接.然后在javascript中使用click()调用.注意:在头部加上: ,如果有使用WdatePicker日期控件,请加到日期控件的JS后面.引用
第一步:
加上
(有日期控件一定加在日期控件后面,不然IE6会报错)
引用
第二步:
写一个链接.
引用
第三步:
在JS处调用这个,至于需要在哪个地方调用自己放.newPage.click();
2.ShowModalDialog的高度(IE8版本)
根据IE8浏览器,设置好页面的高度,但是在IE6中,弹出的模式窗口高度被缩小了.自己总结一个方法:
在JS中写入:
引用
function setHight(height){
var ua = navigator.userAgent.toLowerCase();//客户端浏览器信息var size=“";
if(window.ActiveXObject){//判断IE浏览器
size=ua.match(/msie([d.]+)/)[1];//得出IE的版本大小
}
if(size==”6.0"){
height = Number(height)+ 60;//在IE8中的高度加60就是IE6下的高度了.}
return height;
}
在给模式窗口设置高度时可以使用这个方法:
var height = setHight(610);//这个610是IE8中模式窗口的高度.