HTMLページでよく使われるいくつかの小さなメソッド

<Head>タグに追加する

<meta http-equiv="pragma " content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
<meta http-equiv="expires" content="水曜日、1978 年 2 月 26 日 08:21:57 GMT">

JQueryのAjaxジャンプの使い方は、次のように整理できます

//Ajaxリクエストはキャッシュされません

$.ajaxSetup({ キャッシュ: false
});

ポストバック時にスクロール位置を維持="true"
コンテンツがセルを超える場合は非表示にします
style="TABLE-LAYOUT: fixed"

ポップアップウィンドウを常に最前面に表示します: <body onblur="this.focus();">
スクロールバーが不要ですか? 垂直バーを非表示にします: <body style='overflow:scroll;overflow-y:hidden'> </body>
水平バーを消すには: <body style='overflow:scroll;overflow-x:hidden'> </body>
両方削除しますか?さらにシンプルに <body scroll="no"> </body>
画像リンクをクリックした後、画像の周りの点線を削除するにはどうすればよいですか? <a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>
メール処理送信フォーム <form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">

<入力タイプ=送信> </フォーム>
開いた子ウィンドウにコードを記述して親ウィンドウを更新するにはどうすればよいでしょうか?ウィンドウをオープンする場所を再読み込みする()
開いたページのサイズを設定する方法 <body onload="top.resizeTo(300,200);">
ページ全体をカバーしない背景画像を追加し、ページをスクロールしても背景画像が動かないようにする方法<html><head> <STYLE> body {background-image:url(logo.gif); background-repeat:no-repeat; background-position:center } </STYLE> </head> <body bgproperties="fixed" > </body> </html>

さまざまなスタイルのカーソル自動: 標準カーソル
デフォルト: 標準矢印
hand : ハンドカーソル
wait : カーソルを待機
テキスト: I字型カーソル
vertical-text : 水平Iビームカーソル
no-drop : カーソルをドラッグできません
許可されていません: 無効なカーソル
ヘルプ：？ヘルプカーソル
全スクロール: 三角形の方向指示器
移動：マークを移動
十字線: 十字線 e-リサイズ n-リサイズ nw-リサイズ w-リサイズ s-リサイズ se-リサイズ sw-リサイズ

ローカル IP<%=request.servervariables("remote_addr")%>
サーバー名 <%=Request.ServerVariables("SERVER_NAME")%>
サーバー IP<%=Request.ServerVariables("LOCAL_ADDR")%>
サーバーポート <%=Request.ServerVariables("SERVER_PORT")%>
サーバー時間 <%=now%> IIS
バージョン <%=Request.ServerVariables "SERVER_SOFTWARE")%>
スクリプトのタイムアウト <%=Server.ScriptTimeout%>
このファイルパス <%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%>
サーバー CPU の数 <%=Request.ServerVariables("NUMBER_OF_PROCESSORS")%>
サーバー分解エンジン <%=ScriptEngine & "/"& ScriptEngineMajorVersion & "."&ScriptEngineMinorVersion

&".."& スクリプトエンジンビルドバージョン %>
サーバーのオペレーティングシステム <%=Request.ServerVariables("OS")%>

テキストの縦書き
<スタイルタイプ="text/css">

</スタイル>
ハイパーリンクの点線の境界線を削除するには、リンクに onfocus="this.blur()" を追加します。

ウェブ検索ヘッダーにキーワードを挿入する
<META NAME="キーワード" CONTENT="xxxx,xxxx,xxx,xxxx,xxxx,">

お気に入りアイコン
<link rel = "ショートカットアイコン" href = "favicon.ico">

私のコンピュータ
ファイル：///::%7B20D04FE0-3AEA-1069-A2D8-08002B30309D}
マイネットワークプレイス
ファイル：///::%7B208D2C60-3AEA-1069-A2D7-08002B30309D%7D
マイドキュメント
ファイル：///::%7B450D8FBA-AD25-11D0-98A8-0800361B1103%7D
コントロールパネル
ファイル:///::%7B20D04FE0-3AEA-1069-A2D8-08002B30309D%7D/::%7B21EC2020-3AEA-1069-A2DD-08002B30309D}
ごみ箱
ファイル：//::%7B645FF040-5081-101B-9F08-00AA002F954E%7D

マウスで画像の外観を制御するには、<body> 領域に次のコードを追加します。
<スクリプト言語="javascript">

</スクリプト>
2. <body> 領域に次のコードを追加します。
<img src="2.gif" style="filter:alpha(opacity=20)"
onMouseOver="makevisible(this,0)"
onMouseOut="makevisible(this,1)">

画像のダウンロードは禁止されています
<A HREF="javascript:void(0)" onMouseover="alert('申し訳ありませんが、この画像はダウンロードできません!')">
<IMG SRC="2.gif" 配置="center" 境界線="0" 幅="99" 高さ="50"></A>

ページインレイ
<iframe 幅=291 高さ=247 src="main.files/news.htm" フレームボーダー=0></iframe>

スクロールバーを非表示
<body style="overflow-x:hidden;overflow-y:hidden"

CSS テキストシャドウ (<TD> で定義)
.abc{
フィルター: dropshadow(color=#666666, offx=1, offy=1, positive=1); フォントファミリー: "宋体"; フォントサイズ: 9pt; 色: #ffffff;
}

リスト/メニュー
onchange="location=this.options[this.selectedIndex].value"

<iframe id="frm" src="k-xinwen.html" スクロール="いいえ" 幅="314" 高さ="179"></iframe>
<img src="xiangshang.jpg" onMouseOver="sf=setInterval('frm.scrollBy(0,-2)',1)" onMouseOut="clearInterval(sf)" width="31" height="31">
<img src="xiangxia.jpg" onMouseOver="sf=setInterval('frm.scrollBy(0,2)',1)" onMouseOut="clearInterval(sf)" width="31" height="31" >

reurl = server.htmlencode(request.ServerVariables("HTTP_REFERER"))

サーバー上の接続を定義する方法
MM_www_STRING = "driver={Microsoft アクセスドライバー (*.mdb)};dbq=" & server.mappath("../data/www.mdb")

リンク先
レスポンス.リダイレクト "login.asp"
location.href="xx.asp"

onClick="window.location='login.asp'"
onClick="window.open('')"

IPを取得
ユーザーIP = Request.ServerVariables("HTTP_X_FORWARDED_FOR")
userip = "" の場合、 userip = Request.ServerVariables("REMOTE_ADDR")

sql="update feedbackbak set hit=hit+1 where id="&request("id")
conn.execute(sql)

傍受された文字を追加するかどうか...
関数 formatStr(str,len)
if(len(str)>len)
str = left(str,len) + "..."
終了の場合
フォーマットStr = str
終了関数

受付フォーム
Ucase(Request.ServerVariables("REQUEST_METHOD")) = "POST"の場合
終了の場合

画像の幅
<スクリプト言語="javascript">

</スクリプト>
また戻ってきます 22:18:06
<img src="<%=formPath%>/<%=rs("photoname")%>" border="0" onload="javascript:DrawImage(this);">

ジャンプ
<meta http-equiv=refresh content='0; url=/distributor/distributor.aspx'>

オーバーフローバーの設定
可視: 余分な部分は引き続き表示されます。
非表示: その先の部分は非表示です。
scroll: コンテンツが制限を超えているかどうかに関係なく、スクロールバーを表示します。
auto: コンテンツが制限を超えた場合にのみスクロールバーが表示されます。

onMouseOver: マウスがターゲット上を移動します。
onMouseUp: マウスの左ボタンが押されて放されたとき。
onMouseOut: マウスが離れたとき。
onMouseDown: マウスが押されたとき（左ボタンを放す必要はありません）
onClink: クリックされたとき;
onDblClick: ダブルクリック;
onLoad: Web ページを読み込むとき。
onUnload: ページを離れるとき。
onResize: ブラウザがブラウジングウィンドウのサイズを変更したとき。
onScroll: ビューアがスクロールバーをドラッグしたとき。

CSS スタイル
a:link: リンクされていることを示します。
a:hover: マウスがリンク上に移動したことを示します。
a:active: リンクがアクティブになっていることを示します。
a:visited: はクリックされたリンクを示します。

ダイアログボックスから抜け出すリンク
javascript:alert('lajflsjpjwg')
戻る: javascript:history.back(1)
ウィンドウを閉じます: javascript:window.close();
ウィンドウの復元
関数復元(){
ウィンドウを8,8に移動します。
ウィンドウのサイズを(画面の幅24、画面の高さ24)に変更します。
}

ヘッド領域とは、ホームページの HTML コードの <head> と </head> の間のコンテンツを指します。
必須タグ

1.会社著作権に関する注意事項


2. Web ページには簡体字中国語の文字セットが表示されます: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁体字中国語: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英語: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

3. ウェブサイトの作成者に関する情報
<META name="author" content="[email protected]">

4. ウェブサイトの紹介
<META NAME="説明" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxxxxx">

5. 検索キーワード
<META NAME="キーワード" CONTENT="xxxx,xxxx,xxx,xxxx,xxxx,">

6. ウェブページの CSS 標準
<LINK href="style/style.css" rel="スタイルシート" type="text/css">
(カタログと命名規則を参照)

7. ページタイトル
<title>xxxxxxxxxxxxxxxxxxxxx</title>

.オプトインタグ

1. Webページの有効期限を設定します。 Web ページの有効期限が切れると、サーバーから取得する必要があります。
<META HTTP-EQUIV="有効期限" CONTENT="水曜日、1997 年 2 月 26 日 08:21:57 GMT">

2. ブラウザがローカルマシンのキャッシュからページコンテンツにアクセスできないようにします。
<META HTTP-EQUIV="プラグマ" CONTENT="キャッシュなし">

3. フレーム内で他の人があなたのページを呼び出すのを防ぐために使用されます。
<META HTTP-EQUIV="ウィンドウターゲット" CONTENT="_top">

4. 自動ジャンプ。
<META HTTP-EQUIV="更新" CONTENT="5;URL=http://www.yahoo.com">
5本の指の時間は5秒間続きます。

5. Web 検索ロボットウィザード。検索ロボットに、インデックスを作成する必要があるページとインデックスを作成する必要がないページを指示するために使用されます。
<META NAME="ロボット" CONTENT="なし">
CONTENT のパラメータは、all、none、index、noindex、follow、nofollow です。デフォルトはすべてです。

6. お気に入りアイコン
<link rel = "ショートカットアイコン" href = "favicon.ico">

すべての JavaScript 呼び出しは、可能な限り外部呼び出しにする必要があります。
<スクリプト言語="javascript" SRC="script/xxxxx.js"></スクリプト>

添付された <body> タグ:
<body>タグはhead領域に属しません。ここで強調したいのは、ブラウザの互換性を確保するために、ページの背景を<body bgcolor="#FFFFFF">に設定する必要があるということです。

Flash の透明度: Flash ソースコードに <param name="wmode" value="transparent"> を追加します。

テーブルの透明性
スタイル="フィルター: アルファ(不透明度=72)"

URLの前にアイコンを追加する方法
1. http://www.favicon.com/ にアクセスし、オンラインのアイコンエディターを使用してアイコンを作成します。完成したアイコンはすぐにメールで送られてきます。
2. favicon.ico という名前のアイコンを index.html と同じフォルダーに配置します。それでおしまい。
16×16ピクセルのアイコンファイルを作成します。 ico ファイル拡張子を指定して、対応するディレクトリにアップロードします。 HTML ソースファイル "<head> </head>" の間に次のコードを追加します。
＜リンク Rel="SHORTCUT ICON" href="http://画像アドレス（先ほどのディレクトリに対応しているので注意）"＞
「ショートカットアイコン」はアイコンの名前です。もちろん、ユーザーが IE5 以上で閲覧している場合は、さらに簡単です。Web サイトのルートディレクトリに画像をアップロードするだけで、自動的に認識されます。

ブックマークにアイコンを表示できます <link rel="Bookmark" href="favicon.ico">

ステータスバーの接続手順
<A HREF="どこかへのリンク" onmouseOver="window.status='接続の説明';return true;" onMouseOut="window.status=' ';">リンク</a>

リンクの説明
<a href=""Title=リンクの説明>

<body> タグに <body oncontextmenu="return false"> を追加して右クリックを無効にします。

DW にスペースを入力して N を挿入します。

水平線
<hr width="length" size="height" color="color code" noshade> noshadeは影があるかどうかを意味します

フォームメール送信
< フォーム名="content" メソッド="post" アクション="mailto:email" >< /form>
テキストドメイン名は、電子メールのタイトルである件名です。

メールリンクのカスタマイズ
Mailto: アドレス? 件名=メールタイトル&bc=コピー&bcc=bcc

バックグラウンドミュージック
<bgsound src=アドレス loop="-1">

ページテキストの選択を無効にする
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false"

onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">

IE6 で自動的に表示される画像ツールバーを削除するには、GALLERYIMG プロパティを false または no に設定します。
<IMG SRC="mypicture.jpg" 高さ="100px" 幅="100px" GALLERYIMG="no">

空のリンクをクリックしたときにページが先頭にリセットされないようにします。
コード「javascript:void(null)」は元の「#」マークを置き換えます

他の人があなたのウェブページをフレーム内に配置できないようにする方法
<script language="javascript">< /script>

ページ更新タイマー
<meta http-equiv="更新" content="秒" >

ページは定期的に新しいアドレスにリダイレクトされます
<meta http-equiv="refresh" content="seconds;URL=url">

日付を表示
<script language="javascript">
</スクリプト>

ホームページとして設定
<A href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('url');">ホームページとして設定</A>

お気に入りに追加
<A href="javascript:window.external.AddFavorite('url','title')">このサイトをお気に入りに追加する</A>

1行1列、境界線0の表にテキストスクロールを挿入します。表にテキストを入力し、テキストを選択し、
Ctrl + T を押して marquee direction="up" と入力し、Enter キーを押すと、テーブル領域内でテキストが上方向にスクロールします。
(right と down を使用すると、テキストや画像を右と下にスクロールできます。元の HTML コードを変更することで、必要なスクロール速度を実現することもできます。)

フォーム検証
<スクリプト言語=javascript>
関数 checkform(theform){
if(theform.name.value==""){
alert("名前は空にできません!");
フォーム名にフォーカスを当てる();
false を返します。
}
if(theform.tel.value==""){
alert("電話番号は空にできません!");
フォームのtel.focus();
false を返します。
}
}
</スクリプト>

マウスの定義
body{カーソル: url(cur.ani または cur);}

ビデオを画像として挿入
<IMG 高さ=240 ループ=無限 dynsrc=http://amedia.efu.com.cn/EFUADD0001.rmvb 幅=320>

フラッシュの上にレイヤーを重ねる
< パラメータ名="wmode" 値="不透明" >

遅延ジャンプ
<meta http-equiv=refresh content='3; url=javascript:window.close();'>

ナビゲーションバーの色の変更:
セルの後に onmouseover="javascript:this.bgColor='#57AE00'" onmouseout="javascript:this.bgColor='#99CCFF'" を挿入します <TR

中心
<中央></中央>

空のリンク
ジャバスクリプト:;

タイトルテーブル
<フィールドセット>
<legend>テーブルの説明</legend>
</フィールドセット>

細線テーブル
style="BORDER-COLLAPSE: 折りたたみ;"

スクロールバーのカラーコード
体
スクロールバーの面の色: #FFFFFF;
スクロールバーのハイライト色: #FFFFFF;
スクロールバーのシャドウの色: #FFFFFF;
スクロールバー 3DLIGHT カラー: #FFCBC8;
スクロールバー矢印の色: #FFFFFF;
スクロールバートラックの色: #FFFFFF;
スクロールバー-ダークシャドウ-色: #FFCBC8;
スクロールバーの基本色: #FFFFFF
}

英語が連続したり、感嘆符が続いたり!!! 行が自動的に折り返されない問題。次の文が CSS で定義されている限り、Web ページが引き伸ばされることはなくなります。

テーブル{テーブルレイアウト: 固定;}
td{単語区切り: 全区切り; 単語折り返し: 単語区切り;}

注記:

1. 最初のテーブル{table-layout: fixed;}。このスタイルでは、テーブル内に!!! (感嘆符) などの文字がある場合に、テーブルが自動的に折り返されます。

2. td{word-break: break-all}。この文は通常は問題ありませんが、特殊なケースではページが伸びてしまうため、問題を解決するには次の文 {word-wrap:break-word;} を追加する必要があります。このスタイルを使用すると、表内の連続する英語の単語を自動的に折り返すことができます。

1. 水平スクロールバーと垂直スクロールバーの表示を制御しますか?
<body style="overflow-y:hidden"> x軸を削除する
<body style="overflow-x:hidden"> Y軸を削除する
<body scroll="no">表示されません
2. テーブルの色の変更
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=''"
style="CURSOR: 手">
3. コピーを無効にして、マウスをドラッグして選択します
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false

onselectstart=イベント.returnValue=false>
4. 通常のiframeページ
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0">

</iframe>
5. iframe の適応高さ
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%"

height="100%" frameborder=no onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe>
6. IEのアドレスバーのアイコンを自分のアイコンに変更し、お気に入りに自分のアイコンを表示する
<link rel="ショートカットアイコン" href="favicon.ico">
<link rel="ブックマーク" href="favicon.ico">
7. フォントサイズの拡大縮小: インターネットサーフィンに多くの時間を費やす人が増えており、メガネの人気も高まっています。より多くのユーザーがより鮮明に見えるように、テキストを大きくします。
<script type="text/javascript">
関数doZoom(サイズ)
{document.getElementById('zoom').style.fontSize=size+'px';}
</スクリプト>
<span id="zoom">指定されたサイズにする必要があるテキスト</span>
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>
8. div をブロックする選択の問題を解決するには、次のコードを div に追加し、必要に応じて調整します。
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;">
</iframe>
9. iframe (埋め込みフレーム) の適応高さに入力された埋め込みアドレスは、このページと同じサイト上にある必要があります。そうでない場合は、「アクセスが拒否されました」というメッセージが表示されます。クロスドメイン参照には権限の問題がありますので、他の情報を参照してください。
<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%"

frameborder=no onload="document.all['guestbook'].style.height=guestbook.document.body.scrollHeight"></iframe>
10. メニューの新しいウィンドウにジャンプ
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value="http://www.microsoft.com/ie">インターネットエクスプローラー</option>
<option value="http://www.microsoft.com/">Microsoft ホーム</option>
<option value="http://msdn.microsoft.com/"> 開発者ネットワーク</option>
</選択>
11. フラッシュ透明度オプション
<param name="wmode" value="透明">
12. お気に入りに追加してホームページに設定する
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.makewing.com/lanren/');">ホームページとして設定</a>

<a href="javascript:window.external.AddFavorite('http://www.makewing.com/lanren/','懒人體库')">このサイトをお気に入りに追加する</a>
13. ウェブページの最終更新時刻を記録して表示する
<スクリプト言語=JavaScript>
document.write("最終更新日: " + document.lastModified + "")
</スクリプト>
14. ホリデーカウントダウン
<スクリプト言語="JavaScript">
var timedate = new Date("2002年10月1日");
var times = "建国記念日";
var now = 新しい Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
(時間 >= 0) の場合
document.write("今から、"+time+" 日までは "+time +" 日です")
</スクリプト>
15. キャッシュを無効にするにはHEADに追加します
<meta http-equiv="有効期限" CONTENT="0">
<meta http-equiv="キャッシュコントロール" CONTENT="キャッシュなし">
<meta http-equiv="プラグマ" CONTENT="キャッシュなし">
16. IFRAMEフレーム内の文書の背景を透明にする
<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>
17. ウィンドウを開くときに最大化する
<スクリプト言語="JavaScript">

</スクリプト>
18. バックグラウンドミュージックを追加する
<bgsound src="mid/windblue[1].mid" loop="-1"> IEでのみ動作します
<embed src="music.mid" autostart="true" loop="true" hidden="true"> Netscape と IE の両方に適用可能
19. スクロール
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>スクロール情報
</マーキー>
20. 空のリンクをクリックすると、元の「#」マークの代わりに「javascript:void(null)」というコードでページがページの先頭にリセットされることがよくあります。
21. 本文に指定サイズのテキストまたは画像のポップアップウィンドウを追加する
<スクリプト言語="JavaScript" タイプ="text/JavaScript">
関数 MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</スクリプト>
ポップアップコード
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">画像またはテキスト</a>
22. フラッシュボタンとリンク
オン（押す）{
getURL("http://www.makewing.com%22,%22_blank/");
}
23. ジャンプページコード
<meta http-equiv="refresh" content="5;url=http://www.makewing.com">
24. 細い線の区切り線
<hr ノーシェードサイズ=0 色=#C0C0C0>
25. Webページにおける自動行折り返し
<td style="word-break:break-all">完了しました。
完全な
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"
26. IE6 で自動的に表示される画像ツールバーを削除するには、GALLERYIMG プロパティを false または no に設定します。
<IMG SRC="mypicture.jpg" 高さ="100px" 幅="100px" GALLERYIMG="no">
27. ページ本文のコンテンツが選択されないようにする
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false"

onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="戻る
false"onmouseup="document.selection.empty()">
28. 右クリック、Ctrl+A、コピーができません。
<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</本文>
29. IE ブラウザは、背景のスクロールを防ぐことができる Body プロパティ bgproperties をサポートしています。
<Body Background="画像ファイル" bgproperties="fixed">
30. 背景画像をランダムに変更する（気分をリフレッシュできる特殊効果）
<スクリプト言語="JavaScript">
image = new Array(4); //画像を画像数の配列として定義します image[0] = 'tu0.gif' //背景画像のパス image[1] = 'tu1.gif'
画像[2] = 'tu2.gif'
画像[3] = 'tu3.gif'
画像[4] = 'tu4.gif'
数値 = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+画像[番号]+">");
</スクリプト>
31. フラッシュ読み込みビデオ
（リリース）
{
loadMovie("1-01.swf", "_root.loaderclip");
}
32. 画像フォームボタン
<フォーム id="form1" 名前="form1" メソッド="投稿" アクション="">
<img src="login.gif" 幅="62" 高さ="22" onclick="document.form1.submit()" />
</フォーム>
33. 左右の影の背景のCSS定義方法
体 {
テキスト配置:中央;
背景繰り返し: 繰り返しy;
背景の位置: 中央;
背景画像: url(../images/bg.jpg);
}
34. 手の形をしたマウスを使ってリンクを越える
スタイル="カーソル:手"
35. レイヤーをオフにする方法
<div id="レイヤー1"></div>
<a href="#" onClick="Layer1.style.display='none'">レイヤーを閉じる</a>
36. ウィンドウを閉じるスクリプト
<a href=javascript:close()>[ウィンドウを閉じる]</a>
37. テキストが長すぎる場合は、長い部分が省略記号として表示されます。
<DIV STYLE="幅: 120px; 高さ: 50px; 境界線: 1px 青一色; オーバーフロー: 非表示; テキストオーバーフロー: 省略記号">
<NOBR>たとえば、表の 1 行に収まらないほど長いテキスト行があります。</NOBR>
</DIV>
38. ホームページに入ったら自動的に最大化する
<スクリプト>
自分自身に移動する(0,0)
self.resizeTo(screen.availWidth, screen.availHeight)
</スクリプト>
39. エンボス加工されたテキスト
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;">
<フォントが無効>
それで、私は凹んでしまったのでしょうか？ <br>
試してみませんか？ <br>
<a href="http://www.lenvo.cn/%22%3Ewww.lenvo.cn%3C/a%3E%3C/font>
</div>
40. コードボックスを実行する
<スクリプト>
関数プレビュー()
{var TestWin=open('');
TestWin.document.write(コード.値);}
</スクリプト>
<textarea id=コード cols=60 行=15></textarea>
<br>
<button onclick=プレビュー() >実行</button>
41. テーブルをリンクする
<table width="100%" onclick="window.open('http://www.makewing.com/', '_blank')" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4"> </td>
</tr>
</テーブル>
42. ポップアップウィンドウを常に最前面に表示する
<body onblur="this.focus();">
43. CSS テキストシャドウ
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;}
44. 戻る & ウィンドウを閉じる戻る: javascript:history.back(1)
閉じる: javascript:window.close();
45. テーブルの透明性
スタイル="フィルター: アルファ(不透明度=72)"
46. 他人があなたのウェブページをフレーム内に配置できないようにする方法
<script language="javascript">< /script>
47. AltとTitleの違い
alt は画像のヒントを提供するために使用されます。タイトルは、リンクテキストまたは通常のテキストプロンプトを表示するために使用されます。

<a href="#" Title="リンクテキストのヒントを与える">テキスト</a>
<p Title="リンクテキストのヒント">テキスト</p>

<img src="画像リンク" alt="画像のヒントを与える">
48. JavaScript呼び出しは可能な限り外部呼び出しにすべきである
<スクリプト言語="javascript" SRC="js/xxxxx.js"></スクリプト>
49. リンク先
レスポンス.リダイレクト "login.asp"
location.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"
50. 基本的なリンクスタイル
a:linkはリンクスタイルを示します
a:activeは現在アクティブな接続のスタイルを示します
a:hoverはマウスが移動したときのスタイルを示します
a:visitedは訪問された接続のスタイルを示します

「link-visited-hover-active」は「lvha」と略され、「愛」+「憎しみ」を意味します。
51. 同じページで異なるテキストリンク効果スタイルを設定する
<スタイルタイプ="text/css">
.green {色: #309633}
.green A:link {COLOR: #309633; TEXT-DECORATION: none}
.green A:visited {COLOR: #309633; TEXT-DECORATION: none}
.green A:hover {COLOR: #309633; TEXT-DECORATION: 下線}
.green A:active {COLOR: #309633; TEXT-DECORATION: none}
</スタイル>
<a href="#" class="green">テキスト</a>

<<: JavaScript イベントバブリング、イベントキャプチャ、イベント委任の詳細な説明

>>: MySQL インデックスに関するヒントのまとめ