JavaScript共通機能_JavaScriptスキル

JavaScript 関数は次の 5 つのカテゴリに分類できます: · 通常の関数 · 配列関数 · 日付関数 · 数学関数 · 文字列関数 1. 通常の関数 JavaScript の通常の関数には、以下の 9 つの関数があります。 (1) アラート関数: [OK] ボタンを含む警告ダイアログ ボックスを表示します。 (2)confirm 機能: [OK] ボタンと [キャンセル] ボタンを含む確認ダイアログ ボックスを表示します。 (3)エスケープ機能：文字をUnicodeコードに変換します。 (4) eval 関数: 式の結果を計算します。 (5) isNaN 関数: 数値ではない (true) か否か (false) をテストします。 (6)parseFloat関数：文字列をドット付きデジタル形式に変換します。 (7)parseInt関数：文字列を整数デジタル形式（10進数指定可能）に変換します。 (8)prompt関数：入力ダイアログボックスを表示し、ユーザーの入力を待つよう促します。例: alter("入力エラー"); プロンプト("名前を入力してください", "名前" ; 2. 配列関数 JavaScript の配列関数には以下の 4 つの関数があります。 (1) join 関数: 配列内のすべての要素を文字列に変換して結合します。例: Function JoinDemo() var a, b; a = new Array(0,1,2,3,4);//Separator Return(b);//Returned b=="0-1-2-3-4" } (2)length関数：配列の長さを返します。例: function LengthDemo() var a, l; a = new Array(0,1,2,3,4); l = a.length> return( l);//l==5 } (3)reverse関数：配列要素の順序を反転します。例: 関数 ReverseDemo() { var a, l; a = new Array(0,1,2,3,4); ; return(l); } (4) ソート関数: 配列要素を並べ替えます。例: Function SortDemo() { var a, l; a = new Array("X","y","d", "Z", "v"," m","r"); l = a.sort(); return(l);

(1) getDate 関数: 日付の「日」の部分を返します。 1 ～ 31 の範囲の値。例: Function DateDemo() { var d, s = "今日の日付は次のとおりです: "; d = new Date() s = (d.getMonth() 1) ) "/"; s = d.getDate() "/" s = d.getyear() (2)getDay 関数: 曜日を返します。値は 0 ～ 6 です。0 は日曜日、1 は月曜日、...、6 は土曜日を意味します。例: Function DateDemo() { var d, day, x, s = "今日は: "; var x = new Array("Sunday", "Monday", " Tuesday "); var x = x.concat("水曜日", "木曜日", "金曜日"); var x = x.concat("土曜日"); d = new Date() ; day = d.getDay(); return(s = x[day]); } (3) getHouse 関数: 日付の「時」の部分を返します。値は 0~ 23。例。 関数 TimeDemo() { var d, s = "現在の現地時間: "; var c = ":" d = new Date(); > s = d.getHours() c; s = d.getSeconds() c; s = d.getMilliseconds(); s); } (4) getMinutes 関数: 日付の「分」の部分を 0 ～ 59 の値で返します。上の例を参照してください。 (5) getMonth 関数: 日付の「月」の部分を 0 ～ 11 の値で返します。このうち、0 は 1 月、2 は 3 月、…、11 は 12 月を表します。前の例を参照してください。 (6) getSeconds 関数: 日付の「秒」の部分を返します。値は 0 ～ 59 です。前の例を参照してください。 (7)getTime関数：システム時刻を返します。 関数 GetTimeTest() { var d, s, t; var HrMilli = MinMilli * 60; ); t = d.getTime(); /70"; return(s); } (8) getTimezoneOffset 関数: この地域の時差 (地域時差) を返します。現地時間とグリニッジ標準時（GMT）の間）（分単位）。 function TZDemo() { var d, tz, s = "The current local time is "; d = new Date(); tz = d.getTimezoneOffset(); if (tz s += tz / 60 + " hours before GMT"; else if (tz == 0) s += "GMT"; else s += tz / 60 + " hours after GMT"; return(s); } (9)getYear函数：返回日期的"年"部分。返回值以1900年为基数，例如1999年为99。前面有例子。 (10)parse函数：返回从1970年1月1日零时整算起的毫秒数(当地时间)。 function GetTimeTest(testdate) { var d, s, t; var MinMilli = 1000 * 60; var HrMilli = MinMilli * 60; var DyMilli = HrMilli * 24; d = new Date(); t = Date.parse(testdate); s = "There are " s += Math.round(Math.abs(t / DyMilli)) + " days " s += "between " + testdate + " and 1/1/70"; return(s); } (11)setDate函数：设定日期的"日"部分，值为0～31。 (12)setHours函数：设定日期的"小时"部分，值为0～23。 (13)setMinutes函数：设定日期的"分钟"部分，值为0～59。 (14)setMonth函数：设定日期的"月"部分，值为0～11。其中0表示1月，...，11表示12月。 (15)setSeconds函数：设定日期的"秒"部分，值为0～59。 (16)setTime函数：设定时间。时间数值为1970年1月1日零时整算起的毫秒数。 (17)setYear函数：设定日期的"年"部分。 (18)toGMTString函数：转换日期成为字符串，为GMT格林威治标准时间。 (19)setLocaleString函数：转换日期成为字符串，为当地时间。 (20)UTC函数：返回从1970年1月1日零时整算起的毫秒数，以GMT格林威治标准时间计算。 4.数学函数 javascript数学函数其实就是Math对象，它包括属性和函数(或称方法)两部分。其中，属性主要有下列内容。 Math.e:e(自然对数)、Math.LN2（2的自然对数)、Math.LN10(10的自然对数)、Math.LOG2E(e的对数，底数为2)、

Math.LOG10E(e的对数，底数为10)、Math.PI(π)、Math.SQRT1_2(1/2的平方根值)、Math.SQRT2(2的平方根值)。 函数有以下18个： (1)abs函数：即Math.abs(以下同)，返回一个数字的绝对值。 (2)acos函数：返回一个数字的反余弦值，结果为0～π弧度(radians)。 (3)asin函数：返回一个数字的反正弦值，结果为-π/2～π/2弧度。 (4)atan函数：返回一个数字的反正切值，结果为-π/2～π/2弧度。 (5)atan2函数：返回一个坐标的极坐标角度值。 (6)ceil函数：返回一个数字的最小整数值(大于或等于)。 (7)cos函数：返回一个数字的余弦值，结果为-1～1。 (8)exp函数：返回e(自然对数)的乘方值。 (9)floor函数：返回一个数字的最大整数值(小于或等于)。 (10)log函数：自然对数函数，返回一个数字的自然对数(e)值。 (11)max函数：返回两个数的最大值。 (12)min函数：返回两个数的最小值。 (13)pow函数：返回一个数字的乘方值。 (14)random函数：返回一个0～1的随机数值。 (15)round函数：返回一个数字的四舍五入值，类型是整数。 (16)sin函数：返回一个数字的正弦值，结果为-1～1。 (17)sqrt函数：返回一个数字的平方根值。 (18)tan函数：返回一个数字的正切值。 5.字符串函数 javascript字符串函数完成对字符串的字体大小、颜色、长度和查找等操作，共包括以下20个函数： (1)anchor函数：产生一个链接点(anchor)以作超级链接用。anchor函数设定的链接点的名称，另一个函数link设定的URL地址。 (2)big函数：将字体加到一号，与...标签结果相同。 (3)blink函数：使字符串闪烁，与...标签结果相同。 (4)bold函数：使字体加粗，与...标签结果相同。 (5)charAt函数：返回字符串中指定的某个字符。 (6)fixed函数：将字体设定为固定宽度字体，与...标签结果相同。 (7)fontcolor函数：设定字体颜色，与标签结果相同。 (8)fontsize函数：设定字体大小，与标签结果相同。 (9)indexOf函数：返回字符串中第一个查找到的下标index，从左边开始查找。 (10)italics函数：使字体成为斜体字，与...标签结果相同。 (11)lastIndexOf函数：返回字符串中第一个查找到的下标index，从右边开始查找。 (12)length函数：返回字符串的长度。(不用带括号) (13)link函数：产生一个超级链接，相当于设定的URL地址。 (14)small函数：将字体减小一号，与...标签结果相同。 (15)strike函数：在文本的中间加一条横线，与...标签结果相同。 (16)sub函数：显示字符串为下标字(subscript)。 (17)substring函数：返回字符串中指定的几个字符。 (18)sup函数：显示字符串为上标字(superscript)。 (19)toLowerCase函数：将字符串转换为小写。 (20)toUpperCase函数：将字符串转换为大写。

イベント ソース オブジェクト event.srcElement.tagName event.srcElement.type

キャプチャ リリース event.srcElement.setCapture (); event.srcElement.releaseCapture();

イベントキー event.keyCode event.shiftKey event.altKey .ctrlKey

イベント戻り値 event.returnValue

マウス位置 event.x event.y

フォームアクティブ要素 document.activeElement

バインディングイベント document.captureEvents(Event.KEYDOWN); 🎜> フォーム要素にアクセスします document.all("txt").focus(); document.all("txt").select(); 🎜>FORM コマンド

document.execCommand

FORM COOKIE document.cookie

メニュー イベント document.oncontextmenu

要素の作成 document.createElement("SPAN");

マウスに基づいて要素を取得 ： document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) フォーム画像

document.images[index]

フォームイベントバインディング document.onmousedown=scrollwindow

要素 document.Form.elements[index]

オブジェクト バインディング イベント document.all.xxx.detachEvent('onclick',a) ; >プラグインの数 navigator.plugins 変数の型を取得

typeof($js_libpath) == "未定義" ドロップダウン ボックス ドロップダウン box.options[index] ドロップダウン box.options.length

オブジェクトの検索 document.getElementsByName("r1"); 🎜>document.getElementById(id);

タイミング

timer=setInterval('scrollwindow()',lay); clearInterval(timer); 🎜> UNCODE エンコーディング escape(),unescape

親オブジェクト obj.parentElement(dhtml) obj.parentNode(dom)

テーブルの行を交換します TableID.moveRow(2,1) //3 行目を 2 行目と交換

CSS を置換 document.all.csss.href = "a.css";

並べて表示 display:inline

フォーカスを隠す hidefocus=true 幅に応じて折り返す style="word-break:break-all"

自動更新

簡易メール

すぐに場所に移動します obj.scrollIntoView(true)

アンカー アンカー

パラメータを渡す Web ページ location.search();

Editable obj.contenteditable=true

実行メニュー コマンド obj.execコマンド

全角文字 /[^x00-xff]/

漢字 /[u4e00-u9fa5]/

英語の文字列がテーブルの幅を超えた場合に自動的に折り返す word-wrap: Break-word-break; : ブレークオール;

透明な背景 スタイル コンテンツの取得

obj.style.cssText HTML タグ document.documentElement.innerHTML 最初style タグ

document.styleSheets[0] style タグの最初のスタイル

document.styleSheets[0].rules[0] 空のリンクをクリックしたときにページがページの先頭にリセットされないようにします。 word 前の Web ページのソース asp: リクエスト.servervariables("HTTP_REFERER") javascript: document.referrer

メモリを解放します CollectGarbage(); 右を無効にしますクリック document.oncontextmenu = function() { return false;}

保存を無効にする

選択を無効にする 無効にする貼り付け

アドレス バー アイコン favicon.ico の名前は 16*16 で、仮想ディレクトリのルート ディレクトリに配置する必要があります お気に入りバー アイコン ソース コードを表示

入力メソッドを閉じる

すべてを自動選択

ENTERキーはカーソルを次の入力ボックスに移動できます

Text box のデフォルト値 > var n1 = new Date("2004-10-10".replace(/-/g, "/")).getTime()

ウィンドウが閉じています win.closed

チェックボックス フラット <br&gt ;

選択されたコンテンツを取得 document.selection.createRange().duplicate().text

オートコンプリート関数 この機能をオンにする この機能をオフにする

ウィンドウを最大化する > 閉じるボタンがない IE

window.open("aa.htm", "meizz", "fullscreen=7"); 均一エンコーディング/デコーディング

alert(decodeURIComponent( encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent は、「:」、「/」、「;」もエンコードします

テーブル行の命令 > さまざまなサイズ

s = "rnWeb ページの表示領域の幅:" document.body.clientWidth; s = "rnWeb ページの表示領域の高さ:" document.body.clientHeight; s = "rnWeb ページの可視領域の高さ: " document.body.offsetWeight " (端の幅を含む)"; s = "rnWeb ページの可視領域の高さ: " document.body .offsetHeight " (端の幅を含む)"; s = "rnWeb ページ本文の全テキストの幅:" document.body.scrollWidth; s = "rnWeb ページ本文の全テキストの高さ: " document.body.scrollHeight; s = "rnWeb ページのスクロールされた高さ:" document.body.scrollTop; s = "rn スクロールされる Web ページの左側:" document.body.scrollLeft; s = "rnWeb ページの本体:" window.screenTop; s = "rnWebpage テキスト部分の左側:" window.screenLeft; s = "rn 画面解像度の高さ:" window.screen .height; s = "rn画面解像度の幅:" window.screen.width; s = "rnScreen 使用可能な作業領域の高さ:" window.screen.availHeight;作業領域の幅:" window.screen.availWidth;