锘??xml version="1.0" encoding="utf-8" standalone="yes"?>
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>
璇存槑錛氬叧浜巉avicon.ico鏂囦歡鐨勫埗浣溿備綘鍙互鍏堝湪FW涓仛涓涓浘鐗囷紝灞炰簬浣犺嚜宸辯珯鐐逛竴涓皬鍥炬爣銆傜劧鍚庡湪ACD see灝嗘枃浠跺睘鎬ф敼涓?.ico錛岀劧鍚庡皢浣犲仛鐨?.ICO鏂囦歡浼犲埌浣犵殑鏈嶅姟鍣ㄧ洰褰曚腑錛岀劧鍚庡氨鍙互浣跨敤浠ヤ笂浠g爜鏉ュ疄鐜幫紝褰撳埆浜虹櫥闄嗕綘鐨勭珯鐐規椂錛屽湴鍧鏍忛噷浣跨敤鐨勫氨鏄綘鑷畾涔夌殑鍥炬爣浜嗐?BR>
6.鍙互鍦ㄦ敹钘忓す涓樉紺哄嚭浣犵殑鍥炬爣
<link rel=Bookmark href=favicon.ico>
璇存槑錛氬埗浣滄柟娉曞拰涓婇潰鐨勪竴鏍楓傚彧鏄樉紺虹殑鏂瑰紡涓嶅悓錛岃繖涓槸鍦ㄥ埆浜烘敹钘忎綘鐨勭綉欏靛湴鍧鏃舵樉紺虹殑涓у浘鏍囥?BR>
7.鍏抽棴杈撳叆娉?BR><input style=ime-mode:disabled>
璇存槑錛氳繖孌典唬鐮佹槸鍦ㄨ〃鏍兼彁浜ゆ椂鐢ㄥ埌鐨勩備篃灝辨槸鍦ㄨ緭鍏ユ暟鎹椂涓嶅彲浠ヤ嬌鐢ㄥ叾浠栬緭鍏ユ硶妯″紡銆?BR>
8.姘歌繙閮戒細甯︾潃妗嗘灦
<script language=javascript><!--
銆if (window == top)top.location.href = frames.htm;// -->
璇存槑錛歠rames.htm涓轟綘鐨勭綉欏碉紝榪欎篃鏄繚鎶ら〉闈㈢殑涓縐嶆柟娉?BR>
9.闃叉琚漢frame
<SCRIPT LANGUAGE=javascript><!--
銆if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10.緗戦〉灝嗕笉鑳借鍙﹀瓨涓?BR><noscript><iframe src=*.html></iframe></noscript>
璇存槑錛?lt;noscirpt>鐨勭敤娉曞緢騫匡紝鍏朵腑涓鏉″氨鏄彲浠ヤ嬌JS騫垮憡澶辨晥銆?BR>
11.鏌ユ簮鏂囦歡
<input type=button value=鏌ョ湅緗戦〉婧愪唬鐮?BR>onclick=window.location = 'view-source:'+ target=_blank>http://bbs.055.cn/test.htm';>
12.COOKIE鑴氭湰璁板綍錛屾湁寰堝ぇ鐨勭敤澶勫摝
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
}
}
璇存槑錛氫互涓婃槸JS浠g爜錛岃鑷繁鍔犺搗濮嬬鍜岀粨鏉熺
13.鍐呮鏋?lt;IFRAME>浣跨敤
Iframe鏍囪鐨勪嬌鐢ㄦ牸寮忔槸: 銆銆
<iframe src=URL width=x height=x scrolling=[OPTION] frameborder=x
name=main></iframe>
src錛氭枃浠剁殑璺緞錛屾棦鍙槸HTML鏂囦歡錛屼篃鍙互鏄枃鏈丄SP絳夈銆
width銆乭eight錛氬唴閮ㄦ鏋跺尯鍩熺殑瀹戒笌楂橈紱 銆銆
scrolling:褰揝RC鐨勬寚瀹氱殑HTML鏂囦歡鍦ㄦ寚瀹氱殑鍖哄煙涓嶆樉涓嶅畬鏃訛紝婊氬姩閫夐」錛屽鏋滆緗負NO錛屽垯涓嶅嚭鐜版粴鍔ㄦ潯錛涘涓篈uto錛氬垯鑷姩鍑虹幇婊氬姩鏉★紱濡備負Yes錛屽垯鏄劇ず; 銆FrameBorder錛氬尯鍩熻竟妗嗙殑瀹藉害錛屼負浜嗚鈥滃唴閮ㄦ鏋垛滀笌閭昏繎鐨勫唴瀹圭浉铻嶅悎錛屽父璁劇疆涓?銆?BR>name:妗嗘灦鐨勫悕瀛楋紝鐢ㄦ潵榪涜璇嗗埆銆?BR>姣斿: 銆褰撲綘鎯崇敤鐖舵鏋舵帶鍒跺唴閮ㄦ鏋舵椂錛屽彲浠ヤ嬌鐢細 target=妗嗘灦鐨勫悕瀛楁潵鎺у埗銆?BR>
渚嬪瓙錛?lt;iframe name=mm src=http://bbs.055.cn;; width=100% height=100% marginwidth=0 marginheight= ... ot; frameborder=0 scrolling=no></iframe>
14.鑷姩璺寵漿
鍦ㄦ簮浠g爜涓殑鈥﹀姞鍏ュ涓嬩唬鐮侊細
<meta http-equiv=refreshcontent=3;URL=http://bbs.055.cn; charset=gb2312>
璇存槑錛歝ontent=3 琛ㄧず3縐掑埛鏂板埌URL
15.濡備綍鏀瑰彉閾炬帴鐨勯紶鏍囧艦鐘?BR>鍙渶鍦ㄩ摼鎺ヤ笂鍔犱笂榪欎竴浠g爜灝辮鐨勪簡
鎴栬呰窡涓婇潰鐨勭敤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
浠ヤ笂浠g爜浣犲彧闇瑕佸姞鍒拌繛鎺ユ垨鏄〉闈㈢殑style鍖洪噷灝卞彲浠ュ疄鐜伴紶鏍囧鏍峰寲銆?BR>
16.鍏ㄥ睆鏄劇ず
<form>
<div align=center>
<input type=BUTTON name=FullScreen value=鍏ㄥ睆鏄劇ず onClick=window.open(document.location, 'big', 'fullscreen=yes')>
</div>
</form>
鎶婂畠鏀懼埌鍖轟腑銆?BR>
17.璁句負棣栭〉
<script language=javascript>
<!--
function defaul_home(){
this.home.style.behavior='url(#default#homepage)';this.home.setHomePage(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浠f椂鍏?=>璁句負棣栭〉</a>
18.榪欓噷鏄姞鍏ユ敹钘忓す鐨勪唬鐮?BR>
<a href=# onClick=window.external.addFavorite(http://bbs.055.cn';.'鎷傛檽闆呴榿') target=_self title=鎷傛檽闆呴榿>鍔犲叆鏀惰棌澶?lt;/a>
19.flash鍥劇墖鏁堟灉
浠ヤ笅浠g爜鍔犲叆鍖哄煙
<SCRIPT language=javascript>
<!--
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
//-->
</SCRIPT>
浠ヤ笅浠g爜鍔犲叆鍖哄煙
<img src=http://bbs.055.cn/images/logo.gif;; style=filte ... nbsp;onMouseOver=makevisible(this,0) onMouseOut=makevisible(this,1) width=63 height=56> //鍥劇墖鍦板潃璇瘋嚜宸辨敼
20.load 榪涘害鏉?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 '娓告爣鍙悜鍓嶆祻瑙堣褰曪紝涓嶆敮鎸佸垎欏點丷ecordset銆丅ookMark
Const adOpenKeyset銆銆銆銆 = 1 '閿泦娓告爣錛屽叾浠栫敤鎴峰璁板綍璇村仛鐨勪慨鏀瑰皢鍙嶆槧鍒拌褰曢泦涓紝浣嗗叾浠栫敤鎴峰鍔犳垨鍒犻櫎璁板綍涓嶄細鍙嶆槧鍒拌褰曢泦涓傛敮鎸佸垎欏點丷ecordset銆丅ookMark
Const adOpenDynamic銆銆銆銆 = 2 '鍔ㄦ佹父鏍囧姛鑳芥渶寮猴紝浣嗚楄祫婧愪篃鏈澶氥傜敤鎴峰璁板綍璇村仛鐨勪慨鏀癸紝澧炲姞鎴栧垹闄よ褰曢兘灝嗗弽鏄犲埌璁板綍闆嗕腑銆傛敮鎸佸叏鍔熻兘嫻忚(ACCESS涓嶆敮鎸?銆?BR>Const adOpenStatic銆銆銆銆 = 3 '闈欐佹父鏍囷紝鍙槸鏁版嵁鐨勪竴涓揩鐓э紝鐢ㄦ埛瀵硅褰曡鍋氱殑淇敼錛屽鍔犳垨鍒犻櫎璁板綍閮戒笉浼氬弽鏄犲埌璁板綍闆嗕腑銆傛敮鎸佸悜鍓嶆垨鍚戝悗縐誨姩
Const adLockReadOnly銆銆銆銆= 1 '閿佸畾綾誨瀷錛岄粯璁ょ殑錛屽彧璇伙紝涓嶈兘浣滀換浣曚慨鏀?BR>Const adLockPessimistic銆銆 = 2 '褰撶紪杈戞椂绔嬪嵆閿佸畾璁板綍錛屾渶瀹夊叏鐨勬柟寮?BR>Const adLockOptimistic銆銆銆= 3 '鍙湁鍦ㄨ皟鐢║pdate鏂規硶鏃舵墠閿佸畾璁板綍闆嗭紝鑰屽湪姝ゅ墠鐨勫叾浠栨搷浣滀粛鍙褰撳墠璁板綍榪涜鏇存敼銆佹彃鍏ュ拰鍒犻櫎絳?BR>Const adLockBatchOptimistic = 4 '褰撶紪杈戞椂璁板綍涓嶄細琚攣瀹氾紝鑰屾洿鏀廣佹彃鍏ュ拰鍒犻櫎鏄湪鎵瑰鐞嗘柟寮忎笅瀹屾垚鐨?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()>
璇存槑錛氭湰渚嬮傜敤浜嶪E
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()>
璇存槑錛氶傜敤浜庤〃鏍兼暟鎹彁浜?BR>
################################################################################
緗戦〉綺懼崕浠g爜闆?/FONT>
銆?銆佹櫘閫氱殑寮瑰嚭紿楀彛銆?nbsp;
鍏跺疄浠g爜闈炲父綆鍗曪細
<SCRIPT LANGUAGE=javascript>
<!--
window.open ('page.html')
-->
</SCRIPT>
銆銆鍥犱負榪欐槸涓孌礿avascripts浠g爜錛屾墍浠ュ畠浠簲璇ユ斁鍦?lt;SCRIPT LANGUAGE=javascript>鏍囩鍜屼箣闂淬?lt;!-- 鍜?nbsp;-->鏄涓浜涚増鏈綆鐨勬祻瑙堝櫒璧蜂綔鐢紝鍦ㄨ繖浜涜佹祻瑙堝櫒涓笉浼氬皢鏍囩涓殑浠g爜浣滀負鏂囨湰鏄劇ず鍑烘潵銆傝鍏繪垚榪欎釜濂戒範鎯晩銆?nbsp;
銆window.open ('page.html') 鐢ㄤ簬鎺у埗寮瑰嚭鏂扮殑紿楀彛page.html錛屽鏋減age.html涓嶄笌涓葷獥鍙e湪鍚屼竴璺緞涓嬶紝鍓嶉潰搴斿啓鏄庤礬寰勶紝緇濆璺緞(
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=鎵撳紑紿楀彛>
銆銆鐪嬬湅 OpenWindow.document.write()閲岄潰鐨勪唬鐮佷笉灝辨槸鏍囧噯鐨凥TML鍚楋紵鍙鎸夌収鏍煎紡鍐欐洿澶氱殑琛屽嵆鍙傚崈涓囨敞鎰忓涓涓爣絳炬垨灝戜竴涓爣絳懼氨浼氬嚭鐜伴敊璇傝寰楃敤OpenWindow.document.close()緇撴潫鍟娿?nbsp;
銆銆?銆佺粓鏋佸簲鐢?-寮瑰嚭鐨勭獥鍙d箣Cookie鎺у埗銆?nbsp;
銆銆鍥炴兂涓涓嬶紝涓婇潰鐨勫脊鍑虹獥鍙h櫧鐒墮叿錛屼絾鏄湁涓鐐瑰皬姣涚梾(娌夋蹈鍦ㄥ枩鎮︿箣涓紝涓瀹氭病鏈夊彂鐜板惂錛?姣斿浣犲皢涓婇潰鐨勮剼鏈斁鍦ㄤ竴涓渶瑕侀綣佺粡榪囩殑欏甸潰閲?渚嬪棣栭〉)錛岄偅涔堟瘡嬈″埛鏂拌繖涓〉闈紝紿楀彛閮戒細寮瑰嚭涓嬈★紝鏄笉鏄潪甯哥儲浜猴紵:-(
銆銆鏈夎В鍐崇殑鍔炴硶鍚楋紵Yes! ;-) Follow me.
銆銆鎴戜滑浣跨敤cookie鏉ユ帶鍒朵竴涓嬪氨鍙互浜嗐?nbsp;
銆銆棣栧厛錛屽皢濡備笅浠g爜鍔犲叆涓婚〉闈TML鐨?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
}
}
銆銆鐒跺悗錛岀敤<body onload=loadpopup()>錛堟敞鎰忎笉鏄痮penwin鑰屾槸loadpop鍟婏紒錛夋浛鎹富欏甸潰涓師鏈夌殑<BODY>榪欎竴鍙ュ嵆鍙備綘鍙互璇曠潃鍒鋒柊涓涓嬭繖涓〉闈㈡垨閲嶆柊榪涘叆璇ラ〉闈紝紿楀彛鍐嶄篃涓嶄細寮瑰嚭浜嗐傜湡姝g殑Pop-Only-Once錛?nbsp;
銆銆鍐欏埌榪欓噷寮瑰嚭紿楀彛鐨勫埗浣滃拰搴旂敤鎶宸у熀鏈笂綆楁槸瀹屾垚浜嗭紝淇轟篃绱潖浜嗭紝涓鍙f皵璇翠簡榪欎箞澶氾紝甯屾湜瀵規鍦ㄥ埗浣滅綉欏電殑鏈嬪弸鏈夋墍甯姪淇哄氨闈炲父嬈f叞浜嗐?nbsp;
銆銆闇瑕佹敞鎰忕殑鏄紝JS鑴氭湰涓殑鐨勫ぇ灝忓啓鏈濂藉墠鍚庝繚鎸佷竴鑷淬?BR>
銆銆1.寮瑰惎涓涓叏灞忕獥鍙?BR>
<body onload=window.open('http://www.pconline.com.cn','example01','fullscreen');>;
<b>www.e3i5.com</b>
銆銆2.寮瑰惎涓涓F11鍖栧悗鐨勭獥鍙?BR>
<body onload=window.open('http://www.pconline.com.cn','example02','channelmode');>;
<b>www.e3i5.com</b>
銆銆3.寮瑰惎涓涓甫鏈夋敹钘忛摼鎺ュ伐鍏鋒爮鐨勭獥鍙?BR>
<body onload=window.open(''">http://www.pconline.com.cn','example03','width=400,height=300,directories');>
<b>www.e3i5.com</b>
銆銆4.緗戦〉瀵硅瘽妗?BR>
<SCRIPT LANGUAGE=javascript>
<!--
showModalDialog('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('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>http://www.pconline.com.cn</b>
銆銆showModalDialog()鎴栨槸showModelessDialog() 鏉ヨ皟鐢ㄧ綉欏靛璇濇錛岃嚦浜巗howModalDialog()涓巗howModelessDialog()鐨勫尯鍒紝鍦ㄤ簬showModalDialog()鎵撳紑鐨勭獥鍙o紙綆縐版ā寮忕獥鍙o級錛岀疆鍦ㄧ埗紿楀彛涓婏紝蹇呴』鍏抽棴鎵嶈兘璁塊棶鐖剁獥鍙?寤鴻灝介噺灝戠敤錛屼互鍏嶆嫑浜哄弽鎰?錛泂howModelessDialog()錛堢畝縐版棤妯″紡紿楀彛錛夛紝鎵撳紑鍚庝笉蹇呭叧闂篃鍙闂埗紿楀彛鎵撳紑鐨勭獥鍙c?nbsp;
dialogHeight: iHeight 璁劇疆瀵硅瘽妗嗙獥鍙g殑楂樺害銆?nbsp;
dialogWidth: iWidth 璁劇疆瀵硅瘽妗嗙獥鍙g殑瀹藉害銆?nbsp;銆銆
dialogLeft: iXPos 璁劇疆瀵硅瘽妗嗙獥鍙g浉瀵逛簬妗岄潰宸︿笂瑙掔殑left浣嶇疆銆?nbsp;
dialogTop: iYPos 璁劇疆瀵硅瘽妗嗙獥鍙g浉瀵逛簬妗岄潰宸︿笂瑙掔殑top浣嶇疆銆?nbsp;
center: {yes | no | 1 | 0 } 鎸囧畾鏄惁灝嗗璇濇鍦ㄦ闈笂灞呬腑錛岄粯璁ゅ兼槸鈥測es鈥濄?BR>help: {yes | no | 1 | 0 } 鎸囧畾瀵硅瘽妗嗙獥鍙d腑鏄惁鏄劇ず涓婁笅鏂囨晱鎰熺殑甯姪鍥炬爣銆傞粯璁ゅ兼槸鈥測es鈥濄?nbsp;銆銆
resizable: {yes | no | 1 | 0 } 鎸囧畾鏄惁瀵硅瘽妗嗙獥鍙eぇ灝忓彲鍙樸傞粯璁ゅ兼槸鈥渘o鈥濄?nbsp;
status: {yes | no | 1 | 0 } 鎸囧畾瀵硅瘽妗嗙獥鍙f槸鍚︽樉紺虹姸鎬佹爮銆傚浜庨潪妯″紡瀵硅瘽妗嗙獥鍙o紝榛樿鍊兼槸鈥測es鈥濓紱瀵逛簬妯″紡瀵硅瘽妗嗙獥鍙o紝榛樿鍊兼槸 鈥渘o鈥濄?BR>
鍏堜粙緇嶅浣曡瀹氬瓧浣撱侀鑹層佸ぇ灝忋佹钀界┖鐧界瓑姣旇緝綆鍗曠殑搴旂敤錛屽悗闈㈠啀浠嬬粛涓嬫瘮濡傞瀛椾笅娌夈侀琛岀緝榪涖傛渶鍚庤涓浜涘父鐢ㄧ殑web欏甸潰涓枃鎺掔増錛屾瘮濡備腑鏂囧瓧鐨勬埅鏂佸浐瀹氬搴﹁瘝鍐呮姌琛岋紙word-wrap鍜寃ord-break錛夌瓑絳夈傚洜涓哄彧鏄啓涓浜涘簲鐢ㄦ柟闈㈢殑蹇冨緱錛屽鏋滈渶瑕佸畬鏁寸殑CSS灞炴т粙緇嶏紝璇峰弬鑰僀SS鎵嬪唽銆?/P>
1銆佸浣曡瀹氭枃瀛楀瓧浣撱侀鑹層佸ぇ灝?鈥斺?浣跨敤font
font-style璁懼畾鏂滀綋錛屾瘮濡俧ont-style: italic;
font-weight璁懼畾鏂囧瓧綺楃粏錛屾瘮濡俧ont-weight: bold;
font-size璁懼畾鏂囧瓧澶у皬錛屾瘮濡俧ont-size: 12px;錛堟垨鑰?pt錛屼笉鍚屽崟浣嶆樉紺洪棶棰樺弬鑰僀SS鎵嬪唽錛?BR>line-height璁懼畾琛岃窛錛屾瘮濡俵ine-height: 150%;
color璁懼畾鏂囧瓧棰滆壊錛堟敞鎰忎笉鏄痜ont-color錛夛紝姣斿color: red;
font-family璁懼畾瀛椾綋錛屾瘮濡俧ont-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 瀹嬩綋,sans-serif;錛堣繖鏄氱敤鐨勫啓娉曪級
浠ヤ笂閮藉彲浠ュ啓鍦ㄤ竴琛宖ont灞炴ч噷錛堥櫎浜哻olor灞炴ч渶瑕佸崟鐙啓錛夛細
font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 瀹嬩綋,sans-serif;
2銆佸浣曟帶鍒舵钀芥帓鐗?鈥斺?浣跨敤margin錛宼ext-align
涓枃孌佃惤浣跨敤<p>鏍囩錛屽乏鍙籌紙鐩稿綋浜庣緝榪涳級銆佹鍓嶆鍚庣殑絀虹櫧錛岄兘鍙互鐢╩argin銆傛瘮濡傦細
p{
margin: 18px 6px 6px 18px; /*鍒嗗埆鏄笂銆佸彸銆佷笅銆佸乏錛屽崄浜岀偣寮濮嬬殑欏烘椂閽堟柟鍚?/
}
鏂囧瓧鐨勫榻愭柟寮忕敤text-align錛屾瘮濡傦細
p{
text-align: center; /*灞呬腑瀵歸綈*/
}
瀵歸綈鏂瑰紡榪樻湁left銆乺ight鍜宩ustify錛堜袱绔榻愶級
PS.璋堣搗margin錛屾垜涔犳儻浜庡湪鍐機SS鐨勬椂鍊欎負鎵鏈夌殑鏍囩瀹氫箟margin: 0; 鍥犱負鏃惰屽嚭鐜扮敱浜庨粯璁ょ殑margin鍊煎鑷撮〉闈㈡帓鐗堥棶棰橈紝鑰岃嚜宸辨壘涓嶅埌鍘熷洜錛堢壒鍒敞鎰忕殑鏄痷l/ol/p/dt/dd絳夋爣絳撅級
3銆佺珫鎺掓枃瀛?鈥斺?浣跨敤writing-mode
writing-mode灞炴ф湁涓や釜鍊糽r-tb鍜宼b-rl錛屽墠鑰呮槸榛樿鐨勫乏-鍙熾佷笂-涓嬶紝鍚庤呮槸涓?涓嬨佸彸-宸︺?BR>姣斿錛?BR>p{
writing-mode: tb-rl;
}
鍙互緇撳悎direction鎺掔増銆?/P>
4銆侀」鐩鍙風殑闂 鈥斺?浣跨敤list-style
鍦–SS閲岄」鐩鍙鋒湁disc錛堝疄蹇冨渾鐐癸級銆乧ircle錛堢┖蹇冨渾鍦堬級銆乻quare錛堝疄蹇冩柟鍧楋級銆乨ecimal錛堥樋鎷変集鏁板瓧錛夈乴ower-roman錛堝皬鍐欑綏椹暟瀛楋級銆乽pper-roman錛堝ぇ鍐欑綏椹暟瀛楋級銆乴ower-alpha錛堝皬鍐欒嫳鏂囧瓧姣嶏級銆乽pper-alpha錛堝ぇ鍐欒嫳鏂囧瓧姣嶏級銆乶one錛堟棤錛夈傛瘮濡傝瀹氫竴涓垪琛紙ul鎴杘l錛夌殑欏圭洰絎﹀彿涓烘柟鍧楋紝濡傦細
li{
list-style: square;
}
鍙﹀list-style榪樻湁涓浜涘鹼紝姣斿鍙互閲囩敤涓浜涘皬鍥劇墖浣滀負欏圭洰絎﹀彿錛屽湪list-style涓嬬洿鎺ュ啓url(鈥滃浘鐗囧湴鍧鈥?灝卞彲浠ヤ簡銆傛敞鎰忓鏋滀竴涓」鐩垪琛ㄧ殑宸﹀琛ヤ竵錛坢argin-left錛夎涓洪浂鐨勬椂鍊欙紝list-style-position: outside錛堥粯璁ゆ槸outside錛夌殑欏圭洰絎﹀彿涓嶄細鏄劇ず銆傚彲鎯滅殑鏄笂榪扮殑欏圭洰絎﹀彿浼間箮騫朵笉鑳借瀹氬ぇ灝忥紝鍦嗙偣鍜屾柟鍧楀緇堟槸閭d箞鐐廣傚茍涓斾笉鑳借瀹氬瀭鐩存柟鍚戜笂鐨勫榻愩?/P>
5銆侀瀛椾笅娌?鈥斺?浣跨敤:first-letter
浼璞?first-letter閰嶅悎font-size銆乫loat鍙互鍒朵綔棣栧瓧涓嬫矇鏁堟灉銆?BR>姣斿錛?BR>p:first-letter{
padding: 6px;
font-size: 32pt;
float: left;
}
6銆侀琛岀緝榪?鈥斺?浣跨敤text-indent
text-indent鍙互浣垮緱瀹瑰櫒鍐呴琛岀緝榪涗竴瀹氬崟浣嶃傛瘮濡備腑鏂囨钀戒竴鑸瘡孌靛墠絀轟袱涓眽瀛椼傚彲浠ヨ繖涔堝啓錛?BR>p{
text-indent: 2em; /*em鏄浉瀵瑰崟浣嶏紝2em鍗崇幇鍦ㄤ竴涓瓧澶у皬鐨勪袱鍊?/
}
濡傛灉font-size鏄?2px鐨勮瘽錛岄偅涔坱ext-indent: 2em鍒欑緝榪?4px銆?/P>
7銆佸叧浜庢眽瀛楁敞闊?鈥斺?浣跨敤ruby鏍囩鍜宺uby-align灞炴?/STRONG>
姣斿璇?lt;ruby>娉ㄩ煶<rt style="font-size: 11px;">zhu yin</rt></ruby>錛屽彲浠ュ埄鐢╮uby-align璁劇疆瀵歸綈鏂瑰紡銆傝繖鏄湪CSS鎵嬪唽閲岄潰鐪嬪埌鐨勶紝鍏蜂綋鍙互鑷鏌ラ槄ruby-align欏廣?/P>
8銆佸浐瀹氬搴︽眽瀛楁埅鏂?鈥斺?浣跨敤text-overflow
鐢ㄥ悗鍙拌璦鍙互瀵逛粠鏁版嵁搴撻噷鐨勫瓧孌靛唴瀹瑰仛鎴柇澶勭悊錛屾瘮濡傝鎴?2涓眽瀛楋紙涔嬪悗鐢ㄧ渷鐣ュ彿錛夈備絾鏄湁鏃惰繕闇瑕乭tml鏍囩鐨勮繃婊ょ瓑錛岃岀敤CSS鏉ユ帶鍒跺垯娌℃湁榪欎釜闂銆傛瘮濡傚鍒楄〃搴旂敤浠ヤ笅鏍峰紡錛?BR>li{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
涓嶈繃鍙兘澶勭悊鏂囧瓧鍦ㄤ竴琛屼笂鐨勬埅鏂紝涓嶈兘澶勭悊澶氳銆?/P>
9銆佸浐瀹氬搴︽眽瀛楋紙璇嶏級鎶樿 鈥斺?浣跨敤word-break
涓句釜渚嬪瓙錛屾瘮濡傝瑕佸湪涓涓浐瀹氬搴﹀鍣ㄩ噷闈㈡樉紺哄緢澶氬湴鍚嶏紙鍋囪浠ョ┖鏍煎垎闅旓級錛屼負浜嗛伩鍏嶅湴鍚嶄腑闂存柇寮錛堝嵆涓涓瓧鍦ㄤ笂闈㈣屽彟涓涓瓧鎶樻柇鍒頒笅涓琛屽幓浜嗭級銆傚垯鍙互浣跨敤word-break銆傛瘮濡傦細
<div style="width:210px;height: 200px;background: #ccc;word-break:keep-all">
鍗椾含涓婃搗 涓婃搗涓?鍗?涓婃搗涓婃搗 鍗椾含 涓婃搗涓婃搗涓婃搗 鍗椾含涓婃搗 涓婃搗 鍗椾含涓婃搗 涓婃搗 鍗椾含 涓婃搗 鍗椾含 涓婃搗 鍗椾含 涓婃搗 鍗椾含 涓婃搗 鍗椾含 涓婃搗 鍗椾含涓婃搗 涓婃搗 鍗椾含涓婃搗 涓婃搗
</div>
鍊煎緱娉ㄦ剰鐨勬槸閲岄潰鐨勭┖鏍間笉鑳戒互 浠f浛錛堟渶灝戣鏈変竴涓蔣絀烘牸錛夈?/P>
showModalDialog鍜宻howModelessDialog浣跨敤蹇冨緱
涓銆乻howModalDialog鍜宻howModelessDialog鏈変粈涔堜笉鍚岋紵
銆銆showModalDialog錛氳鎵撳紑鍚庡氨浼氬緇堜繚鎸佽緭鍏ョ劍鐐廣傞櫎闈炲璇濇琚叧闂紝鍚﹀垯鐢ㄦ埛鏃犳硶鍒囨崲鍒頒富紿楀彛銆傜被浼糰lert鐨勮繍琛屾晥鏋溿?BR>銆銆showModelessDialog錛氳鎵撳紑鍚庯紝鐢ㄦ埛鍙互闅忔満鍒囨崲杈撳叆鐒︾偣銆傚涓葷獥鍙f病鏈変換浣曞獎鍝?鏈澶氭槸琚尅浣忎竴涓嬭屼互銆?P)
浜屻佹庢牱鎵嶈鍦╯howModalDialog鍜宻howModelessDialog鐨勮秴榪炴帴涓嶅脊鍑烘柊紿楀彛錛?BR>銆銆鍦ㄨ鎵撳紑鐨勭綉欏甸噷鍔犱笂<base target="_self">灝卞彲浠ヤ簡銆傝繖鍙ヨ瘽涓鑸槸鏀懼湪<html>鍜?lt;body>涔嬮棿鐨勩?/P>
涓夈佹庢牱鎵嶅埛鏂皊howModalDialog鍜宻howModelessDialog閲岀殑鍐呭錛?BR>銆銆鍦╯howModalDialog鍜宻howModelessDialog閲屾槸涓嶈兘鎸塅5鍒鋒柊鐨勶紝鍙堜笉鑳藉脊鍑鴻彍鍗曘傝繖涓彧鑳戒緷闈爅avascript浜嗭紝浠ヤ笅鏄浉鍏充唬鐮侊細
<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>
銆銆灝唂ilename.htm鏇挎崲鎴愮綉欏電殑鍚嶅瓧鐒跺悗灝嗗畠鏀懼埌浣犳墦寮鐨勭綉欏甸噷錛屾寜F5灝卞彲浠ュ埛鏂頒簡錛屾敞鎰忥紝榪欎釜瑕侀厤鍚?lt;base target="_self">浣跨敤錛屼笉鐒朵綘鎸変笅F5浼氬脊鍑烘柊紿楀彛鐨勩?/P>
鍥涖佸浣曠敤javascript鍏蟲帀showModalDialog(鎴杝howModelessDialog)鎵撳紑鐨勭獥鍙c?BR>銆銆<input type="button" value="鍏抽棴" onclick="window.close()">
銆銆涔熻閰嶅悎<base target="_self">錛屼笉鐒朵細鎵撳紑涓涓柊鐨処E紿楀彛錛岀劧鍚庡啀鍏蟲帀鐨勩?/P>
浜斻乻howModalDialog鍜宻howModelessDialog鏁版嵁浼犻掓妧宸с?BR>銆銆(浣滆呰錛氭湰鏉ユ兂鐢ㄤ竴闂竴絳斿艦寮忔潵鍐欑殑錛屼絾鏄垜鎯充笉鍑鴻繖涓庝箞闂紝鎵浠ュ彧濂借繖鏍蜂簡銆?
銆銆榪欎釜涓滆タ姣旇緝楹葷儲錛屾垜鏀逛簡濂藉嚑嬈′簡涓嶆槸娌″姙娉曡鏄庣櫧(璇枃姘村鉤瓚婃潵瓚婂樊浜?錛屽彧濂界敤涓緥瀛愯鏄庝簡銆?BR>銆銆渚嬪瓙錛?BR>銆銆銆銆鐜板湪闇瑕佸湪涓涓猻howModalDialog(鎴杝howModelessDialog)閲岃鍙栨垨璁劇疆涓涓彉閲弙ar_name
銆銆銆銆銆銆涓鑸殑浼犻掓柟寮忥細
銆銆銆銆銆銆銆銆window.showModalDialog("filename.htm",var_name)
銆銆銆銆銆銆銆銆//浼犻抳ar_name鍙橀噺
銆銆銆銆銆銆鍦╯howModalDialog(鎴杝howModelessDialog)璇誨彇鍜岃緗椂錛?BR>銆銆銆銆銆銆銆銆alert(window.dialogArguments)//璇誨彇var_name鍙橀噺
銆銆銆銆銆銆銆銆window.dialogArguments="oyiboy"http://璁劇疆var_name鍙橀噺
銆銆銆銆榪欑鏂瑰紡鏄彲浠ユ弧瓚崇殑錛屼絾鏄綋浣犳兂鍦ㄦ搷浣渧ar_name鍚屾椂鍐嶆搷浣滅浜屼釜鍙樼悊var_id鏃跺憿錛熷氨鏃犳硶鍐嶈繘琛屾搷浣滀簡銆傝繖灝辨槸榪欑浼犻掓柟寮忕殑灞闄愭с?BR>銆銆銆銆
銆銆銆銆銆銆浠ヤ笅鏄垜寤鴻浣跨敤鐨勪紶閫掓柟寮忥細
銆銆銆銆銆銆銆銆window.showModalDialog("filename.htm",window)
銆銆銆銆銆銆銆銆//涓嶇瑕佹搷浣滀粈涔堝彉閲忥紝鍙洿浼犻掍富紿楀彛鐨剋indow瀵硅薄
銆銆銆銆銆銆鍦╯howModalDialog(鎴杝howModelessDialog)璇誨彇鍜岃緗椂錛?BR>銆銆銆銆銆銆銆銆alert(window.dialogArguments.var_name)//璇誨彇var_name鍙橀噺
銆銆銆銆銆銆銆銆window.dialogArguments.var_name="oyiboy"http://璁劇疆var_name鍙橀噺
銆銆銆銆銆銆銆銆鍚屾椂鎴戜篃鍙互鎿嶄綔var_id鍙橀噺
銆銆銆銆銆銆銆銆alert(window.dialogArguments.var_id)//璇誨彇var_id鍙橀噺
銆銆銆銆銆銆銆銆window.dialogArguments.var_id="001"http://璁劇疆var_id鍙橀噺
銆銆銆銆銆銆銆銆鍚屾牱榪樺彲浠ュ涓葷獥鍙g殑浠諱綍瀵硅薄榪涜鎿嶄綔錛屽form瀵硅薄閲岀殑鍏冪礌銆?BR>銆銆銆銆銆銆銆銆window.dialogArguments.form1.index1.value="榪欐槸鍦ㄨ緗甶ndex1鍏冪礌鐨勫?
鍏佸涓猻howModelessDialog鐨勭浉浜掓搷浣溿?BR>銆銆鍥犱負鍏夎寰堣垂鍔詫紝鎴戝氨鍋風偣鎳掞紝鐩存帴鐢ㄤ唬鐮佹潵璇翠簡錛屽鏋滀笉鏄庣櫧鐨勮瘽閭e氨鐩存帴鏉ヤ俊(oyiboy#163.net(浣跨敤鏃惰灝?鏀規垚@))闂垜鍚с?/P>
銆銆浠ヤ笅浠g爜鐨勪富瑕佷綔鐢ㄦ槸鍦ㄤ竴涓猻howModelessDialog閲岀Щ鍔ㄥ埆涓涓猻howModelessDialog鐨勪綅緗?/P>
銆銆涓繪枃浠剁殑閮ㄤ喚js浠g爜銆?BR>銆銆var s1=showModelessDialog('鎺у埗.htm',window,"dialogTop:1px;dialogLeft:1px"錛?nbsp;//鎵撳紑鎺у埗紿楀彛
銆銆var s2=showModelessDialog('about:blank',window,"dialogTop:200px;dialogLeft:300px"錛夈銆//鎵撳紑琚帶鍒剁獥鍙?/P>
銆銆鎺у埗.htm鐨勯儴浠戒唬鐮併?BR>銆銆<script>
銆銆銆銆//鎿嶄綔浣嶇疆鏁版嵁錛屽洜涓虹獥鍙g殑浣嶇疆鏁版嵁鏄?xxxpx"鏂瑰紡鐨勶紝鎵浠ラ渶瑕佽繖鏍風殑涓涓壒孌婃搷浣滃嚱鏁般?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="涓嬬Щ">
銆銆浠ヤ笂鍏抽敭閮ㄤ喚鏄細
銆銆銆銆紿楀彛鍛藉悕鏂瑰紡錛歷ar s1=showModelessDialog('鎺у埗.htm',window,"dialogTop:1px;dialogLeft:1px"錛?BR>銆銆銆銆鍙橀噺璁塊棶鏂瑰紡錛歸indow.dialogArguments.s2.dialogTop
銆銆榪欎釜渚嬪瓙鍙槸鐜板疄showModelessDialog涓巗howModelessDialog涔嬮棿鐨勪綅緗搷浣滃姛鑳斤紝閫氳繃榪欎釜鍘熺悊錛屽湪showModelessDialog涔嬮棿鐩鎬簰鎺у埗鍚勮嚜鐨勬樉紺洪〉闈紝浼犻掑彉閲忓拰鏁版嵁絳夈傝繖瑕佺湅鍚勪綅鐨勫彂鎸ヤ簡銆?/SPAN>