Web開発者が参照のために収集しなければならない実用的なJavaScriptスキル。特定のコンテンツは次のとおりです
1.右のマウスボタンは完全にブロックされます
oncontextmenu =” window.event.returnvalue = false”
<テーブルボーダーoncontextmenu = return（false）> <td> no </table>は、テーブルに使用できます
2。コピーの選択と防止を防ぎます
<body onselectstart =” return false”>
3.JSは貼り付けを許可しません
onpaste =” falseを返す”
4。JSはコピーを防ぎます
oncopy =” return false; " oncut =” return false; "
5。IEアドレスバーの前の自分のアイコンに変更します
<link rel =”ショートカットアイコン” href =” favicon.ico”>
この画像をファイルのルートディレクトリに配置し、接尾辞をICOに変更します
6.お気に入りにアイコンを表示できます
<link rel =” bookmark” href =” favicon.ico”>
7.入力メソッドをオフにします
<input style = "ime-mode：disabled">
8.常にフレームを持ち歩いてください
<スクリプト言語=” javascript”> <！
if（window == top）top.location.href = "frames.htm"; //frames.htmはフレームWebページです
//> </script>
9.フレームが存在しないようにします
<スクリプト言語= javascript> <！
if（top.location！= self.location）top.location = self.location;
//> < /script>
10。Webページは保存されません
<noscript> <iframe src =*。html> < /iframe> < /noscript>
11。<入力タイプ=ボタン値= Webページソースコードを表示します
onclick =” window.location =“ view-source：”+“ http://www.pconline.com.cn””>
12。削除のときに確認します
<a href = "javascript：if（confism（"本当に削除する必要がありますか？ "）location =" boos.asp？＆areyou = delete
＆page = 1″”>削除</a>
13。コントロールの絶対位置を取得します
// javascript <スクリプト言語=” javascript”> function getie（e）{var t = e.offsettop; var l = e.offsetleft; while（e = e.offsetparent）{t+= e.offsettop; l+= e.offsetLeft;} alert（ "top ="+t+"/nleft ="+l）;} </script> // vbscript <スクリプト言語= a = document.all.img1t = document.all.img1.offsettopl = document.all.img1.OffsetLefthile a.tagname <> "body" set a = a.offsetparentt = t+a.offsettopl = l+a.OffsetLeftwendmsgbox "top ="＆t＆chr（13）＆ "14。テキストボックスの最後にカーソルが停止します
<スクリプト言語=” javascript”> function cc（）{var e = event.srcelement; var r = e.createTextrange（）; r.movestart（ "character"、e.value.length（true）; r.select（）;} < /script> <入力タイプ=テキスト=テキスト=” 123 'onfocus =15.前のページのソースを決定します
JavaScript：
document.referrer
16.最小化、最大化、閉じます
<オブジェクトID = HH1 ClassID =” CLSID：ADB880A6-D8FF-11CF-9377-00AA003B7A11 '> <PARAM NAME =” COMMAND” value = "Minimize”> < /object> <Object =” clsid：clsid：adb880a6-d8ff-1cf-9377-00a003b7a name =” command” value =” maximize”> < /object> <object id = hh3 classid =” clsid：adb880a6-d8ff-11cf-93777-00aa003b7a11″> <command” value = "close”> < /object> <inputタイプ=ボタン= hh1.click = hh1. <ボタンonclick = hh2.click（）> <入力型=ボタン値= close onclick = hh3.click（）>
この例はIEに適用されます
17.ブロック機能キーシフト、Alt、Ctrl
<script> function reook（）{if（event.shiftkey）alert（ "Shift Keyが禁止されています！"）; // alt ctrl} document.onkeydown = reook; < /script>に置き換えることができます18. Webページはキャッシュされません
<メタhttp-equiv =” pragma” content =” no-cache”>
<Meta http-equiv =” cache-control” content =” no-cache、必需品”>
<Meta http-equiv =“ expires” content =”水、1997年2月26日08:21:57 GMT”>
または<メタhttp-equiv =“ expires” content =” 0″>
19.フォームに凹面と凸感を持たないようにする方法は？
<入力タイプ=テキストスタイル=” border：1ソリッド＃000000″>
または
<入力タイプ=テキストスタイル=” border-left：none; border-right：none; border-top：none; border-bottom：
1ソリッド＃000000″> < /textarea>
20。<div> <span>＆<layer>の違い？
<div>（ディビジョン）は、ページ要素の大きなセグメントを定義するために使用されます。
<Span>は、同じ行の要素を定義するために使用されます。 <div>の唯一の違いは、ライン転送が生成されないことです
<layer>はnsのタグです。つまり、サポートしていません。これは<div>に相当します
21.ポップアップウィンドウを常に上に置きます：
<body onblur = "this.focus（）;">
22。バーをスクロールしませんか？
垂直バーを使用しないでください：
<ボディスタイル= "オーバーフロー：スクロール;オーバーフロー-y：hidden">
< /body>
水平バーをしないでください：
<ボディスタイル= "オーバーフロー：スクロール;オーバーフローX：hidden">
< /body>
両方を削除しますか？簡単です
<ボディスクロール= "no">
< /body>
23.画像リンクをクリックした後、写真の周りに点線を削除する方法は？
<a href = "＃" onfocus = "this.blur（）"> <img src = "logo.jpg" border = 0> < /a>
24。電子メール処理提出フォーム
<form name =” form1″ method =” post” action =” mailto：****@***。com” enctype =” text/plain”>
<入力タイプ=送信>
< /form>
25.オープンチャイルドウィンドウで親のウィンドウを更新するコードに書く方法は？
window.opener.location.reload（）
26。開くページのサイズを設定する方法
<body onload =” top.resizeto（300,200）;”>
ページが開かれた場所<body onload = "top.moveby（300,200）;">
27.ページにいっぱいではない背景画像を追加する方法。
<style>
体
{background-image：none;バックグラウンドリピート：ノーリピート。
バックグラウンドポジション：センター;背景攻撃：修正}
< /style>
28.文字列が数字で構成されているかどうかを確認します
<スクリプト言語=” javascript”> <！
function checknum（str）{return str.match（// d/）== null}
アラート（checknum（ "1232142141"））
アラート（checknum（ "123214214a1"））
//> </script>
29。ウィンドウのサイズを取得します
document.body.clientWidth; document.body.clientheight
30.それがキャラクターであるかどうかを判断する方法
if（/•x00-/XFF]
else alert（ "すべての文字"）;
31.TEXTAREA適応テキストの数行
<textarea rows = 1 name = s1 cols = 27 onpropertychange =” this.style.posheight = this.scrollheight”>
< /textarea>
32。日付マイナス日は2番目の日付に等しい
<スクリプト言語= javascript> function cc（dd、dadd）{//エラー処理はvar a = new date（dd）a = a.valueof（）a = a dadd * 24 * 60 * 60 * 1000a = new Date（a）alert（a.getwordear（） + "year" +（a.getmanth（） + " +" + a.getdate（） + " + a.getdate（） + 1） "day"）} cc（ "12/23/2002"、2）</script>33。どのラジオが選択されましたか
<html> <スクリプト言語=” vbscript”> function checkme（）Radio1if ob. ob.Alert ob.valuenextend関数< /script> <body> <input name =” radio1″ type =” radio "value" bulation "style" checked> style <input name =” radio =” radio =” balcode ">” barcode <” barcode <” barcode <” barcode <” barcode onclick =” checkme（）”> < /body> < /html>
34。スクリプトがうまくいかない
<スクリプト言語=” javascript”> <！ HideFunction Killerrors（）{return true;} window.onerror = killerrors; //> </script>35。ENTERキーを使用すると、カーソルが次の入力ボックスに移動できます
<入力onkeydown =” if（event.keycode == 13）event.keycode = 9″>
36.特定のWebサイトのリンク速度を検出します。
次のコードを<body>領域に追加します。
<スクリプト言語= javascript> tim = 1setInterval（ "tim ++"、100）b = 1var autourl = new array（）autourl [1] = "www.njcatv.net" autourl [2] = "javacool.3322.net" autourl [3] = "www.sina.com.cn" autourl [4] = "www.nuaa.edu.cn" autourl [5] = "ww.ctv.com" " butt（）{document.write（ "<form name = autof>"）for（var i = 1; i <autourl.length; i ++）document.write（ "<入力型=テキストname = txt"+i+” size = 10 value = test ...> =》 <inputtype = textname = url”+i+”サイズ= 40> =》 = value = gooonclick = window.open（this.form.url”+i+”。value）> "）document.write（" <input ype = submit value = refresh> </form> "）} butt（）function auto（url）{document.forms [0] [" url "+b] .value = urlif（tim>> 200）タイムアウト "} else {document.forms [0] [" txt "+b] .value ="+tim/10+"秒"} b ++} function run（）{for（var i = 1; i <autourl.length; i ++）document.write（ "<imgsrc = http：// height = 1onerror = auto（ "http：//"+autourl+""）> "）} run（）</script>37。さまざまなスタイルのカーソル
自動：標準カーソル
デフォルト：標準矢印
手：ハンドカーソル
待ってください：カーソルを待ちます
テキスト：I字型カーソル
垂直テキスト：水平方向のI字型カーソル
ノードロップ：カーソルをドラッグできません
禁止されていない：無効なカーソル
ヘルプ：？カーソルをヘルプします
全スクロール：三角形方向マーク
移動：モバイルタグ
十字線：十字線
e-resize
n-居住
nw-resize
w-居住
s resize
se-resize
SW-居住
38。ページエントリと出口の特殊効果
ページを入力します<Meta http-equiv =” page-enter” content =” revealtrans（duration = x、transition = y）”>
リリースページ<メタhttp-equiv =” page-exit” content =” revealtrans（duration = x、transition = y）”>
これは、ページがロードされて呼ばれる場合の特殊効果です。期間は、特殊効果の期間を秒単位で表します。
遷移は、どの特殊効果を使用するかを示します、値は
1-23：
0長方形の収縮
1長方形の拡大
2ラウンドシュリンク
3円形拡大
リフレッシュするために上に4を下ります
5ダウンまでリフレッシュします
6左から右に更新します
7左から左の更新
8垂直ブラインド
9水平ブラインド
10排水された水平ブラインド
11脱臼した垂直ブラインド
12ポイントの拡散
13真ん中にリフレッシュします
14中央から左右に更新します
15ミドルからトップ
16上下まで
左上から左下の17
18右上から左下
19左上から右下
左下の右側
21の水平バー
22垂直ストリップ
23以上のランダムに22のタイプのいずれかを選択します
39。指定された時間内にジャンプします
<Meta http-equiv = v =” refrish” content =” 5; url = http：//www.51js.com”>
40. Webページが取得されたかどうか
<Meta name =” robots” content =”属性値”>
属性値は次のとおりです。
属性値は「すべて」です。ファイルは取得され、ページ上のリンクを照会できます。
属性値は「なし」です。ファイルは取得されず、ページ上のリンクがクエリされていません。
属性値は「インデックス」です。ファイルは取得されます。
属性値は「フォロー」です。クエリページのリンク。
属性値は「noindex」です。ファイルは取得されませんが、リンクをクエリすることができます。
プロパティ値は「nofollow」です。ファイルは取得されませんが、ページ上のリンクを照会できます。
41。入力します
クライアントスクリプトを使用して、ドキュメントのOnKeyDownイベントをページに追加して、キャリッジリターンイベントを受信した後にページがタブを実行できるようにします。
キーの機能は、イベントのキーコードを13から9に変更することです
JavaScriptコードは次のとおりです。
<スクリプト言語=” javascript” for =” document” event =” onkeydown”> <！if（event.keycode == 13）event.keycode = 9;> </script>
この処理方法は、フォーカスを下に移動する可能性がありますが、ボタンでも同じ役割を果たします。一般的に、顧客は入り終えました
データがボタンにジャンプした後、「Enter」を直接押してデータを送信するのが最善です。したがって、上記の方法を実行する必要があります。
変更のために、「送信」ボタンをシフトしないでください。代わりに、提出物を直接アクティブにする必要があります。
したがって、上記のコード、つまり、イベントの「ソース」が送信ボタンであるかどうかを判断するために、上記のコードを変更しました。コードは次のとおりです。
<スクリプト言語=” javascript” for =” document” event =” onkeydown”> <！if（event.keycode == 13 && event.srcelement.type！= 'button' && event.srcelement.type！= 'submit' && event.srcelement.type！= 'reset' && event.tepe.tepe！ event.srcelement.type！= "）event.keycode = 9;> </script>
htmlにtype = "ボタン"があるため、ボタンであるかどうかを判断します
htmlにtype = "submit"があるため、送信されるかどうかを判断します
HTMLの「リセット」を実行する必要があるため、リセットされているかどうかを判断します
判断は、HTMLの「<a>リンク」も実行する必要があるため、空であるということです。この状況はあまり起こりません。 「tabindex = -1」メソッドを使用して、リンクしてフォーカスを取得できます。
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。