??xml version="1.0" encoding="utf-8" standalone="yes"?>不卡的av在线播放,亚洲综合日本,中日韩美女免费视频网站在线观看 http://www.aygfsteel.com/Victor/category/3335.html享受喧嚣 安于q静zh-cnTue, 27 Feb 2007 10:23:15 GMTTue, 27 Feb 2007 10:23:15 GMT60js相关问题http://www.aygfsteel.com/Victor/articles/29873.htmlVictorVictorWed, 08 Feb 2006 01:11:00 GMThttp://www.aygfsteel.com/Victor/articles/29873.htmlhttp://www.aygfsteel.com/Victor/comments/29873.htmlhttp://www.aygfsteel.com/Victor/articles/29873.html#Feedback0http://www.aygfsteel.com/Victor/comments/commentRss/29873.htmlhttp://www.aygfsteel.com/Victor/services/trackbacks/29873.html|页l典代码 
1. 彻底屏蔽鼠标右?无右键菜?BR><body oncontextmenu=window.event.returnvalue=false>

也可以用于网中Table框架?BR><table border oncontextmenu=return(false)><td>no</table>


2.取消选取、防止复?BR><body onselectstart=return false>


3.不准_脓
<body onpaste=return false>


4.防止复制
<body oncopy=return false; oncut=return false;>


5.IE地址栏前换成自己的图?BR><link rel=Shortcut Icon href=favicon.ico>

说明Q关于favicon.ico文g的制作。你可以先在FW中做一个图片,属于你自q点一个小图标。然后在ACD see文件属性改?.icoQ然后将你做?.ICO文g传到你的服务器目录中Q然后就可以使用以上代码来实玎ͼ当别人登陆你的站ҎQ地址栏里使用的就是你自定义的图标了?BR>

6.可以在收藏夹中显C出你的图标
<link rel=Bookmark href=favicon.ico>

说明Q制作方法和上面的一栗只是显C的方式不同Q这个是在别人收藏你的网地址时显C的个性图标?BR>

7.关闭输入?BR><input style=ime-mode:disabled>

说明Q这D代码是在表格提交时用到的。也是在输入数据时不可以用其他输入法模式?BR>

8.永远都会带着框架
<script language=javascript><!--
 if (window == top)top.location.href = frames.htm;// -->

说明Qframes.htmZ的网,q也是保护页面的一U方?BR>

9.防止被hframe
<SCRIPT LANGUAGE=javascript><!--
 if (top.location != self.location)top.location=self.location;
// --></SCRIPT>


10.|页不能被另存?BR><noscript><iframe src=*.html></iframe></noscript>
说明Q?lt;noscirpt>的用法很q,其中一条就是可以JSq告失效?BR>

11.查源文g
<input type=button value=查看|页源代?BR>onclick=window.location = 'view-source:'+  target=_blank>::URL::http://bbs.055.cn/test.htm';>


12.COOKIE脚本记录Q有很大的用处哦

function get_cookie(Name) {
var search = Name + =

var returnvalue = ;

if (documents.cookie.length > 0) {

offset = documents.cookie.indexOf(search)

if (offset != -1) { // if cookie exists

offset += search.length

// set index of beginning of value

end = documents.cookie.indexOf(;, offset);

// set index of end of cookie value

if (end == -1)

end = documents.cookie.length;

returnvalue=unescape(documents.cookie.substring(offset, end))

}

}

return returnvalue;

}


function loadpopup(){

if (get_cookie('popped')=='){

openpopup()

documents.cookie=popped=yes

}

}

说明Q以上是JS代码Q请自己加v始符和结束符


13.内框?lt;IFRAME>使用
Iframe标记的用格式是:   

<iframe src=URL width=x height=x scrolling=[OPTION] frameborder=x
name=main></iframe>
srcQ文件的路径Q既可是HTML文gQ也可以是文本、ASP{  
width、heightQ内部框架区域的宽与高;   
scrolling:当SRC的指定的HTML文g在指定的区域不显不完Ӟ滚动选项Q如果设|ؓNOQ则不出现滚动条Q如为AutoQ则自动出现滚动条;如ؓYesQ则昄;  FrameBorderQ区域边框的宽度Qؓ了让“内部框架“与邻近的内容相融合Q常讄??BR>name:框架的名字,用来q行识别?BR>比如:  当你想用父框架控制内部框架时Q可以用: target=框架的名字来控制?BR>
例子Q?lt;iframe name=mm src=::URL::http://bbs.055.cn;;  width=100% height=100% marginwidth=0 marginheight= ... ot; frameborder=0 scrolling=no></iframe>


14.自动跌{
在源代码中的…加入如下代码:
<meta http-equiv=refreshcontent=3;URL=::URL::http://bbs.055.cn;  charset=gb2312>

说明Qcontent=3 表示3U刷新到URL


15.如何改变链接的鼠标Ş?BR>只需在链接上加上q一代码p的了
或者跟上面的用CSS写也?BR>
style=cursor:hand       style=cursor:crosshair
style=cursor:text       style=cursor:wait
style=cursor:move       style=cursor:help
style=cursor:e-resize     
style=cursor:n-resize
style=cursor:nw-resize     style=cursor:w-resize
style=cursor:s-resize     
style=cursor:se-resize
style=cursor:sw-resize

以上代码你只需要加到连接或是页面的style区里可以实现鼠标多样化?BR>

16.全屏昄
<form>
<div align=center>
<input type=BUTTON name=FullScreen value=全屏昄 onClick=window.open(document.location, 'big', 'fullscreen=yes')>
</div>
</form>

把它攑ֈZ?BR>

17.设ؓ首页

<script language=javascript>
<!--
function defaul_home(){
this.home.style.behavior='url(#default#homepage)';this.home.setHomePage(::URL::http://bbs.055.cn/';
}
var focusok=false;
if (navigator.appName == Netscape{
focusok=true;
}
vers=navigator.appVersion;
if (navigator.appName == Microsoft Internet Explorer{
pos=vers.lastIndexOf('.');
vers=vers.substring(pos-1,vers.length);
}
proper_version=parseFloat(vers);

if(proper_version>=5){
focusok=true;
}
function launchstock1(htmlurl){
var stock=window.open(htmlurl,stock,top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes, 
resizable=no,width=700,height=510;
if(focusok){
stock.focus();
}
return true;
}
function launchstock(){
var stock=window.open(,stock,top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,

resizable=no,width=700,height=510;
if(focusok){
stock.focus();
}
return true;
}
// -->

<a href=# name=home onClick=defaul_home(); title===E代时?=>设ؓ首页</a>


18.q里是加入收藏夹的代?BR>
<a href=# onClick=window.external.addFavorite(::URL::http://bbs.055.cn';.'拂晓雅阁')  target=_self title=拂晓雅阁>加入收藏?lt;/a>


19.flash囄效果
以下代码加入区域
<SCRIPT language=javascript>
<!--
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}

//-->

</SCRIPT>
以下代码加入区域
<img src=::URL::http://bbs.055.cn/images/logo.gif;;  style=filte ... nbsp;onMouseOver=makevisible(this,0) onMouseOut=makevisible(this,1) width=63 height=56> //囄地址误己改


20.load q度?BR>
<table cellspacing=0 cellpadding=0 bgcolor=#FFFFFF width=40% id=P><tr><td>
<table cellspacing=0 cellpadding=0 bgcolor=#0000FF height=18 id=Q><tr><td></td></tr></table></td></tr></table>
</center>
<script language=javascript>
var R = 0; load();
function load() {R = R + 2; Q.style.width = R + %; time= setTimeout(load(),50);
if (R > 100) {clearTimeout(time); P.style.width=0}}

27 全屏
<script language=javascript>
window.open('index.asp',','fullscreen=1');



21.背景囄滚动

<body scroll=no background=images/bg.jpg link=#00FF00 alink=#FF0000 vlink=#00FF00 bgcolor=#000080 topmargin=8>
<script language=javascript>
var backgroundOffset = 0;
var bgObject = eval('document.body');
function scrollBG(maxSize) {backgroundOffset = backgroundOffset + 1;
if (backgroundOffset > maxSize) backgroundOffset = 0;
bgObject.style.backgroundPosition = 0  + backgroundOffset;}
var ScrollTimer = window.setInterval(scrollBG(410), 20)



22.|页不会被缓?BR>
HTMl|页
<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>
或?lt;META HTTP-EQUIV=expires CONTENT=0>
ASP|页
 Response.Expires = -1
 Response.ExpiresAbsolute = Now() - 1
 Response.cachecontrol = no-cache
PHP|页
header(Expires: Mon, 26 Jul 1997 05:00:00 GMT;
header(Cache-Control: no-cache, must-revalidate;
header(Pragma: no-cache;


23.

<%
'定义数据库连接的一些常?BR>Const adOpenForwardOnly   = 0 '游标只向前浏览记录,不支持分cRecordset、BookMark
Const adOpenKeyset     = 1 '键集游标Q其他用户对记录说做的修改将反映到记录集中,但其他用户增加或删除记录不会反映到记录集中。支持分cRecordset、BookMark
Const adOpenDynamic     = 2 '动态游标功能最强,但耗资源也最多。用户对记录说做的修改,增加或删除记录都反映到记录集中。支持全功能览(ACCESS不支??BR>Const adOpenStatic     = 3 '静态游标,只是数据的一个快照,用户对记录说做的修改Q增加或删除记录都不会反映到记录集中。支持向前或向后Ud
Const adLockReadOnly    = 1 '锁定cdQ默认的Q只读,不能作Q何修?BR>Const adLockPessimistic   = 2 '当编辑时立即锁定记录Q最安全的方?BR>Const adLockOptimistic   = 3 '只有在调用UpdateҎ时才锁定记录集,而在此前的其他操作仍可对当前记录q行更改、插入和删除{?BR>Const adLockBatchOptimistic = 4 '当编辑时记录不会被锁定,而更攏V插入和删除是在批处理方式下完成?BR>Const adCmdText = &H0001
Const adCmdTable = &H0002
%>


24.最化、最大化、关闭窗?BR><object id=hh1 classid=clsidDB880A6-D8FF-11CF-9377-00AA003B7A11>
<param name=Command value=Minimize></object>
<object id=hh2 classid=clsidDB880A6-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=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>

说明Q本例适用于IE


25.判断上一늚来源

asp?
request.servervariables(HTTP_REFERER
java script:
document.referrer


26.光标是停在文本框文字的最?BR>
<script language=javascript>
function cc()
{
 var e = event.srcElement;
 var r =e.createTextRange();
 r.moveStart('character',e.value.length);
 r.collapse(true);
 r.select();
}

<input type=text name=text1 value=123 onfocus=cc()>

说明Q适用于表格数据提?BR>

################################################################################

|页_֍代码?/FONT>

?、普通的弹出H口?nbsp;
其实代码非常单: 

<SCRIPT LANGUAGE=javascript> 
<!-- 
window.open ('page.html') 
--> 
</SCRIPT> 


  因ؓq是一Djavascripts代码Q所以它们应该放?lt;SCRIPT LANGUAGE=javascript>标签和之间?lt;!-- ?nbsp;-->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作ؓ文本昄出来。要Lq个好习惯啊?nbsp;
 window.open ('page.html') 用于控制弹出新的H口page.htmlQ如果page.html不与ȝ口在同一路径下,前面应写明\径,l对路径(::URL:: 
OpenWindow.document.write(<BODY BGCOLOR=OpenWindow.document.write(<h1>Hello!</h1> 
OpenWindow.document.write(New window opened!) 
OpenWindow.document.write(</BODY> 
OpenWindow.document.write(</HTML> 
OpenWindow.document.close() 

</SCRIPT> 
 
 
<a href=<input type=button onclick=openwin() value=打开H口> 
 
 

  看看 OpenWindow.document.write()里面的代码不是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标{或一个标{ְ会出现错误。记得用OpenWindow.document.close()l束啊?nbsp;


 ?、终极应?-弹出的窗口之Cookie控制?nbsp;

  回想一下,上面的弹出窗口虽焉Q但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧Q?比如你将上面的脚本放在一个需要频J经q的面?例如首页)Q那么每ơ刷新这个页面,H口都会弹出一ơ,是不是非常烦人?:-( 
  有解决的办法吗?Yes! ;-) Follow me. 
  我们使用cookie来控制一下就可以了?nbsp;
  首先Q将如下代码加入主页面HTML?lt;HEAD>区: 

 
function openwin(){ 
window.open(page.html,,width=200,height=200) 

function get_cookie(Name) { 
var search = Name + = 
var returnvalue = ; 
if (documents.cookie.length > 0) { 
offset = documents.cookie.indexOf(search) 
if (offset != -1) { 
offset += search.length 
end = documents.cookie.indexOf(;, offset); 
if (end == -1) 
end = documents.cookie.length; 
returnvalue=unescape(documents.cookie.substring(offset, end)) 


return returnvalue; 


function loadpopup(){ 
if (get_cookie('popped')=='){ 
openwin() 
documents.cookie=popped=yes 



 

  然后Q用<body onload=loadpopup()>Q注意不是openwin而是loadpop啊!Q替换主面中原有的<BODY>q一句即可。你可以试着h一下这个页面或重新q入该页面,H口再也不会弹出了。真正的Pop-Only-OnceQ?nbsp;

  写到q里弹出H口的制作和应用技巧基本上是完成了,Z累坏了,一口气说了q么多,希望Ҏ在制作网늚朋友有所帮助俺就非常ƣ慰了?nbsp;
  需要注意的是,JS脚本中的的大写最好前后保持一致?BR>

  1.弹启一个全屏窗?BR>

<body onload=window.open('::URL::
http://www.pconline.com.cn','example01','fullscreen');>;
<b>www.e3i5.com</b>



  2.弹启一个被F11化后的窗?BR>

<body onload=window.open('::URL::http://www.pconline.com.cn','example02','channelmode');>;
<b>www.e3i5.com</b>



  3.弹启一个带有收藏链接工h的窗?BR>

<body onload=window.open('::URL::http://www.pconline.com.cn','example03','width=400,height=300,directories');>
<b>www.e3i5.com</b>



  4.|页对话?BR>

<SCRIPT LANGUAGE=javascript>
<!--
showModalDialog('::URL::http://www.pconline.com.cn','example04','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.e3i5.com</b>




<SCRIPT LANGUAGE=javascript>
<!--
showModelessDialog('::URL::http://www.pconline.com.cn','example05','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b> target=_blank>::URL::http://www.pconline.com.cn</b>



  showModalDialog()或是showModelessDialog() 来调用网对话框Q至于showModalDialog()与showModelessDialog()的区别,在于showModalDialog()打开的窗口(U模式窗口)Q置在父H口上,必须关闭才能讉K父窗?量用Q以免招人反?QshowModelessDialog()Q简U无模式H口Q,打开后不必关闭也可访问父H口打开的窗口?nbsp;

dialogHeight: iHeight 讄对话框窗口的高度?nbsp;
dialogWidth: iWidth 讄对话框窗口的宽度?nbsp;  
dialogLeft: iXPos 讄对话框窗口相对于桌面左上角的left位置?nbsp;
dialogTop: iYPos 讄对话框窗口相对于桌面左上角的top位置?nbsp;
center: {yes | no | 1 | 0 } 指定是否对话框在桌面上居中Q默认值是“yes”?BR>help: {yes | no | 1 | 0 } 指定对话框窗口中是否昄上下文敏感的帮助图标。默认值是“yes”?nbsp;  
resizable: {yes | no | 1 | 0 } 指定是否对话框窗口大可变。默认值是“no”?nbsp;
status: {yes | no | 1 | 0 } 指定对话框窗口是否显C状态栏。对于非模式对话框窗口,默认值是“yes”;对于模式对话框窗口,默认值是 “no”?BR>

 



Victor 2006-02-08 09:11 发表评论
]]>
中文排版CSS心得Q{Q?/title><link>http://www.aygfsteel.com/Victor/articles/25148.html</link><dc:creator>Victor</dc:creator><author>Victor</author><pubDate>Fri, 23 Dec 2005 00:58:00 GMT</pubDate><guid>http://www.aygfsteel.com/Victor/articles/25148.html</guid><wfw:comment>http://www.aygfsteel.com/Victor/comments/25148.html</wfw:comment><comments>http://www.aygfsteel.com/Victor/articles/25148.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/Victor/comments/commentRss/25148.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/Victor/services/trackbacks/25148.html</trackback:ping><description><![CDATA[<P>数月来学习web标准Qƈ遵@标准设计和制作web面。一直想写点什么,整理一下自q心得体会。写q篇文章Q主要是针对中文排版设计Q英文排版因为很做Q所以不涉及?/P> <P>先介l如何设定字体、颜艌Ӏ大、段落空白等比较单的应用Q后面再介绍下比如首字下沉、首行羃q。最后讲一些常用的web面中文排版Q比如中文字的截断、固定宽度词内折行(word-wrap和word-breakQ等{。因为只是写一些应用方面的心得Q如果需要完整的CSS属性介l,请参考CSS手册?/P> <P><STRONG>1、如何设定文字字体、颜艌Ӏ大?—?使用font</STRONG> </P> <P>font-style讑֮斜体Q比如font-style: italic;<BR>font-weight讑֮文字_细Q比如font-weight: bold;<BR>font-size讑֮文字大小Q比如font-size: 12px;Q或?ptQ不同单位显C问题参考CSS手册Q?BR>line-height讑֮行距Q比如line-height: 150%;<BR>color讑֮文字颜色Q注意不是font-colorQ,比如color: red;<BR>font-family讑֮字体Q比如font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;Q这是通用的写法)</P> <P>以上都可以写在一行font属性里Q除了color属性需要单独写Q:<BR>font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;</P> <P><STRONG>2、如何控制段落排?—?使用marginQtext-align</STRONG></P> <P>中文D落使用<p>标签Q左叻I相当于羃q)、段前段后的I白Q都可以用margin。比如:<BR>p{<BR> margin: 18px 6px 6px 18px; /*分别是上、右、下、左Q十二点开始的时针方?/<BR>}<BR>文字的对齐方式用text-alignQ比如:<BR>p{<BR> text-align: center;  /*居中寚w*/<BR>}<BR>寚w方式q有left、right和justifyQ两端对齐)</P> <P>PS.谈vmarginQ我习惯于在写CSS的时候ؓ所有的标签定义margin: 0; 因ؓ时而出现由于默认的margin值导致页面排版问题,而自己找不到原因Q特别注意的是ul/ol/p/dt/dd{标{)</P> <P><STRONG>3、竖排文?—?使用writing-mode</STRONG></P> <P>writing-mode属性有两个值lr-tb和tb-rlQ前者是默认的左-叟뀁上-下,后者是?下、右-左?BR>比如Q?BR>p{<BR> writing-mode: tb-rl;<BR>}<BR>可以l合direction排版?/P> <P><STRONG>4、项目符L问题 —?使用list-style</STRONG></P> <P>在CSS里项目符hdiscQ实心圆点)、circleQ空心圆圈)、squareQ实心方块)、decimalQ阿拉伯数字Q、lower-romanQ小写罗马数字)、upper-romanQ大写罗马数字)、lower-alphaQ小写英文字母)、upper-alphaQ大写英文字母)、noneQ无Q。比如设定一个列表(ul或olQ的目W号为方块,如:<BR>li{<BR> list-style: square;<BR>}<BR>另外list-styleq有一些|比如可以采用一些小囄作ؓ目W号Q在list-style下直接写url(“图片地址?可以了。注意如果一个项目列表的左外补丁Qmargin-leftQ设为零的时候,list-style-position: outsideQ默认是outsideQ的目W号不会昄。可惜的是上q的目W号gq不能设定大,圆点和方块始l是那么炏Vƈ且不能设定垂直方向上的对齐?/P> <P><STRONG>5、首字下?—?使用:first-letter</STRONG></P> <P>伪对?first-letter配合font-size、float可以制作首字下沉效果?BR>比如Q?BR>p:first-letter{<BR> padding: 6px;<BR> font-size: 32pt;<BR> float: left;<BR>}</P> <P><STRONG>6、首行羃q?—?使用text-indent</STRONG></P> <P>text-indent可以使得容器内首行羃q一定单位。比如中文段落一般每D前IZ个汉字。可以这么写Q?BR>p{<BR> text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两?/<BR>}<BR>如果font-size?2px的话Q那么text-indent: 2em则羃q?4px?/P> <P><STRONG>7、关于汉字注?—?使用ruby标签和ruby-align属?/STRONG></P> <P>比如?lt;ruby>注音<rt style="font-size: 11px;">zhu yin</rt></ruby>Q可以利用ruby-align讄寚w方式。这是在CSS手册里面看到的,具体可以自行查阅ruby-alignV?/P> <P><STRONG>8、固定宽度汉字截?—?使用text-overflow</STRONG></P> <P>用后台语a可以对从数据库里的字D内容做截断处理Q比如说?2个汉字(之后用省略号Q。但是有时还需要html标签的过滤等Q而用CSS来控制则没有q个问题。比如对列表应用以下样式Q?BR>li{<BR> overflow:hidden;<BR> text-overflow:ellipsis;<BR> white-space:nowrap;<BR>}<BR>不过只能处理文字在一行上的截断,不能处理多行?/P> <P><STRONG>9、固定宽度汉字(词)折行 —?使用word-break</STRONG></P> <P>举个例子Q比如说要在一个固定宽度容器里面显C很多地名(假设以空格分隔)Qؓ了避免地名中间断开Q即一个字在上面而另一个字折断C一行去了)。则可以使用word-break。比如:<BR><div style="width:210px;height: 200px;background: #ccc;word-break:keep-all"><BR>南京上v 上v??上v上v 南京 上v上v上v 南京上v 上v 南京上v 上v 南京 上v 南京 上v 南京 上v 南京 上v 南京 上v 南京上v 上v 南京上v 上v<BR></div><BR>值得注意的是里面的空g能以&nbsp;代替Q最要有一个YI格Q?/P><img src ="http://www.aygfsteel.com/Victor/aggbug/25148.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/Victor/" target="_blank">Victor</a> 2005-12-23 08:58 <a href="http://www.aygfsteel.com/Victor/articles/25148.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>CSS手册~?/title><link>http://www.aygfsteel.com/Victor/articles/25146.html</link><dc:creator>Victor</dc:creator><author>Victor</author><pubDate>Fri, 23 Dec 2005 00:47:00 GMT</pubDate><guid>http://www.aygfsteel.com/Victor/articles/25146.html</guid><wfw:comment>http://www.aygfsteel.com/Victor/comments/25146.html</wfw:comment><comments>http://www.aygfsteel.com/Victor/articles/25146.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/Victor/comments/commentRss/25146.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/Victor/services/trackbacks/25146.html</trackback:ping><description><![CDATA[     摘要: 自W3CQThe World Wide Web ConsortiumQ制定了代号为Cougar的HTML?.0版本以来Q存在在Web面中的动态效果首ơ被正式的承认了QW3C把动态超文本QDynamic HTMLQ的实现分ؓ了三个部分:脚本、支持动态效果的览器和CSS。前两者也怽l常用到Q但CSS是什么或怽q不清楚Q如果有q制作Web面的经历,你可能听说过样式单或风格单,如果Ҏ你亦无?..  <a href='http://www.aygfsteel.com/Victor/articles/25146.html'>阅读全文</a><img src ="http://www.aygfsteel.com/Victor/aggbug/25146.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/Victor/" target="_blank">Victor</a> 2005-12-23 08:47 <a href="http://www.aygfsteel.com/Victor/articles/25146.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>showModalDialog和showModelessDialog使用心得http://www.aygfsteel.com/Victor/articles/12766.htmlVictorVictorMon, 12 Sep 2005 09:14:00 GMThttp://www.aygfsteel.com/Victor/articles/12766.htmlhttp://www.aygfsteel.com/Victor/comments/12766.htmlhttp://www.aygfsteel.com/Victor/articles/12766.html#Feedback0http://www.aygfsteel.com/Victor/comments/commentRss/12766.htmlhttp://www.aygfsteel.com/Victor/services/trackbacks/12766.html作者BlogQ?/STRONG>http://blog.csdn.net/oyiboy/

showModalDialog和showModelessDialog使用心得

一、showModalDialog和showModelessDialog有什么不同?
  showModalDialogQ被打开后就会始l保持输入焦炏V除非对话框被关闭,否则用户无法切换CH口。类似alert的运行效果?BR>  showModelessDialogQ被打开后,用户可以随机切换输入焦点。对ȝ口没有Q何媄?最多是被挡住一下而以?P)

二、怎样才让在showModalDialog和showModelessDialog的超q接不弹出新H口Q?BR>  在被打开的网里加上<base target="_self">可以了。这句话一般是攑֜<html>?lt;body>之间的?/P>

三、怎样才刷新showModalDialog和showModelessDialog里的内容Q?BR>  在showModalDialog和showModelessDialog里是不能按F5h的,又不能弹单。这个只能依靠javascript了,以下是相关代码:

<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>

  filename.htm替换成网늚名字然后它攑ֈ你打开的网里Q按F5可以刷CQ注意,q个要配?lt;base target="_self">使用Q不然你按下F5会弹出新H口的?/P>

四、如何用javascriptxshowModalDialog(或showModelessDialog)打开的窗口?BR>  <input type="button" value="关闭" onclick="window.close()">
  也要配合<base target="_self">Q不然会打开一个新的IEH口Q然后再x的?/P>

五、showModalDialog和showModelessDialog数据传递技巧?BR>  (作者语Q本来想用一问一{Ş式来写的Q但是我想不个怎么问,所以只好这样了?
  q个东西比较ȝQ我改了好几ơ了不是没办法说明白(语文水^来差?Q只好用个例子说明了?BR>  例子Q?BR>    现在需要在一个showModalDialog(或showModelessDialog)里读取或讄一个变量var_name

      一般的传递方式:
        window.showModalDialog("filename.htm",var_name)
        //传递var_name变量
      在showModalDialog(或showModelessDialog)d和设|时Q?BR>        alert(window.dialogArguments)//dvar_name变量
        window.dialogArguments="oyiboy"http://讄var_name变量
    q种方式是可以满的Q但是当你想在操作var_name同时再操作第二个变理var_id时呢Q就无法再进行操作了。这是q种传递方式的局限性?BR>    
      以下是我使用的传递方式:
        window.showModalDialog("filename.htm",window)
        //不管要操作什么变量,只直传递主H口的window对象
      在showModalDialog(或showModelessDialog)d和设|时Q?BR>        alert(window.dialogArguments.var_name)//dvar_name变量
        window.dialogArguments.var_name="oyiboy"http://讄var_name变量

        同时我也可以操作var_id变量
        alert(window.dialogArguments.var_id)//dvar_id变量
        window.dialogArguments.var_id="001"http://讄var_id变量

        同样q可以对ȝ口的M对象q行操作Q如form对象里的元素?BR>        window.dialogArguments.form1.index1.value="q是在设|index1元素的?

六、多个showModelessDialog的相互操作?BR>  因ؓ光说很费Ԍ我就L懒,直接用代码来说了Q如果不明白的话那就直接来信(oyiboy#163.net(使用时请?Ҏ@))问我吧?/P>

  以下代码的主要作用是在一个showModelessDialog里移动别一个showModelessDialog的位|?/P>

  L件的部䆾js代码?BR>  var s1=showModelessDialog('控制.htm',window,"dialogTop:1px;dialogLeft:1px"Q?nbsp;//打开控制H口
  var s2=showModelessDialog('about:blank',window,"dialogTop:200px;dialogLeft:300px"Q  //打开被控制窗?/P>

  控制.htm的部份代码?BR>  <script>
    //操作位置数据Q因为窗口的位置数据?xxxpx"方式的,所以需要这L一个特D操作函数?BR> function countNumber(A_strNumber,A_strWhatdo)
 {
  A_strNumber=A_strNumber.replace('px','')
  A_strNumber-=0
  switch(A_strWhatdo)
  {
  case "-":A_strNumber-=10;break;
  case "+":A_strNumber+=10;break;
  }
  return A_strNumber + "px"
 }
  </script>
  <input type="button" onclick="window.dialogArguments.s2.dialogTop=countNumber(window.dialogArguments.s2.dialogTop,'-')" value="上移">
  <input type="button" onclick="window.dialogArguments.s2.dialogLeft=countNumber(window.dialogArguments.s2.dialogLeft,'-')" value="左移">
  <input type="button" onclick="window.dialogArguments.s2.dialogLeft=countNumber(window.dialogArguments.s2.dialogLeft,'+')" value="右移">
  <input type="button" onclick="window.dialogArguments.s2.dialogTop=countNumber(window.dialogArguments.s2.dialogTop,'+')" value="下移">

  以上关键部䆾是:
    H口命名方式Qvar s1=showModelessDialog('控制.htm',window,"dialogTop:1px;dialogLeft:1px"Q?BR>    变量讉K方式Qwindow.dialogArguments.s2.dialogTop

  q个例子只是现实showModelessDialog与showModelessDialog之间的位|操作功能,通过q个原理Q在showModelessDialog之间怺控制各自的显C页面,传递变量和数据{。这要看各位的发挥了?/SPAN>



Victor 2005-09-12 17:14 发表评论
]]>
վ֩ģ壺 | | | ˾| ·| Ǧɽ| ѽ| | ʤ| | | ޻| | | | | | ƺ| | Ӣ| | ɽ| մ| ƽ| | ګ| | ɽ| | | Ͳ| | | ɳ| ɽ| | | | ɳ| ƽɽ| Ȫ|