<script type="text/javascript">
alert("アラートボックス");
</script>
<script type="text/javascript" src="" charset="UTF-8">
</script>
typeof(value); 戻り値の型
ブール値/数値/文字列/オブジェクト/関数
関数 gogo(obj){
document.write("関数には型がなく、パラメータにも型がありません");
}
eval(文字列式): 文字列式の値を返します。
var test=eval("2+3");//5
parseInt(string): 数字で始まる文字列を整数に変換します。
var test = parseInt("200.5abc");//200
parseFloat(文字列)
var test = parseFloat("200.5abc");//200.5
Number(string): 配列文字列を数値に変換し、文字列に数値以外の文字がない場合は NaN を返します。
var test=数値(200.5abc);//NaN
document.write("<br/>");
document.write(a + b);
ユーザーがリンクをクリックしたときに関数を呼び出す
<a href="javascript:gogo()">内容</a>
トリガーイベント
nclick="gogo()"
var oStringObject = 新しい String();
var arr1 = 新しい配列();
var arr2 = 新しい配列(100);
var arr3 = 新しい配列(1,2,3);
配列の一般的なメソッド:
reverse(): 内容を反転します
concat(): 2 つ以上の配列を結合します。
var newArray = arr1.concat(arr2);
join(): 配列のすべての要素を指定されたシンボルで結合する文字列を返します。
var newString = arr.join(".");
Pop(): 配列の最後の要素を削除して返します。
SHIFT(): 配列の最初の要素を削除し、その要素を返します。
lice(): 配列の一部を返します。
var newArray = arr3.slice(1,3);
var date = new Date("2022 年 7 月 8 日");
var date = 新しい日付(2022,7,8);
var date = 新しい日付("20227/8");
var date = new Date(ミリ秒);//1970 年 1 月 1 日からのキー日付オブジェクトをミリ秒単位でカウントします。
var date = new Date();//現在のシステムの時刻オブジェクト
get年()
getMonth() (実際の値より 1 少ない値)
getDate(): その日の数字を返します
getDay(): 曜日を返します (0 は日曜日を意味します)
getHours()
getMinutes()
getSeconds():返回秒数
getTime(): ミリ秒数を返します。
setyear()
setMonth()
setDate()
setHours()
setMinutes()
setSeconds()
setTime()
var date = 新しい日付("2050/12/25");
document.write(date.getDay());
var datenow = 新しい Date();
var mills = date-datenow;
document.write("2050年のクリスマスはまだ遠い" + ミル + "ミリ秒<br>");
var str = "これは文字列です";
var str1 = new String("これは文字列です");
String オブジェクトの一般的なメソッド:
charAt(i): 指定されたインデックス位置にある文字を返します。インデックスは 0 から始まります。
concat(str): 接続文字列
IndexOf(str): str が最初に出現する文字位置を返します。
lastdexOf(str): str の最後の出現を返します。
replace(str1,str2): str1 を str2 に置き換えた後の文字列を返します。
========= Split(separator, limit): separator を区切り文字として使用して文字列を複数の部分文字列に分割し、それらを配列として返します。limit パラメータが使用されている場合は、配列の制限要素を返します。
subString(start,end): end を除く、指定された位置間の部分文字列を返します。
toLowerCase(): 文字列を返します。文字列内の文字は小文字に変換されます。
toUpperCase(): 文字列を返します。文字列内の文字は大文字に変換されます。
Math オブジェクトのプロパティ
LN10: 10の自然対数
LN2: 2の対数
円周率: 円周率
sqrt1_2: 1/2 の平方根
sqrt2: 2 の平方根
Math オブジェクトの一般的なメソッド
abs(x): x の絶対値を返します。
ceil(x): x 以上の最小の整数を返します。
Floor(x): x 以下の最大の整数を返します。
round(x): 整数に丸める
sqrt(x): x の平方根を返します。
random(): 0 ~ 1 の乱数を返します。
Math.sqrt2
Math.random()
JavaScript オブジェクト モデル
1. ブラウザオブジェクトモデル
2. ウィンドウオブジェクト
var winObj = open("target.html", "target_1", "width=500,height=300,scrollbars=no");
open("新しいページの URL", "新しいウィンドウの名前", "新しいウィンドウのプロパティ");
アラート("プロンプト ボックス");
プロンプト(メッセージ,デフォルトテキスト);—————— 情報を入力するためのテキストボックスをポップアップ表示します
プロンプト (プロンプト情報、テキスト ボックスのデフォルト値);
confirm(message);———— ダイアログボックスをポップアップ表示し、確認情報の入力を求めます
if(confirm("本当に削除しますか?")){
//確認ボタンクリック後の動作
}それ以外{
// キャンセルボタンクリック後の動作
}
3. 履歴オブジェクト
forward(): 履歴を 1 つ進めます
back(): 履歴を 1 ページ前に戻します。よく使用されます。返すのと同等です。
行く():
history.go(-3);———訪問したページを 3 つ戻します
History.go(3);————訪問したページを 3 つ前に戻します
History.back();———history.go(-1); と同じ機能があります。
History.forward();———history.go(1) と同じ関数。
4. 位置オブジェクト
window.location=" http://www.baidu.com ";
または場所 = http://www.baidu.com ";
location.href=" http://www.baidu.com ";
location.replace=" http://www.baidu.com ";
location.href="about:blank";// ページを空にする
5. ドキュメントオブジェクト
1) フォームの収集
同じページ上に複数のフォームがあり、フォーム名を使用するよりも document.froms[] 配列を通じてこれらのフォーム オブジェクトを取得する方がはるかに便利です。
2)getElementById(id)
ID が id であるフォームスペース要素を取得します
3)getElementByName(名前)
4) フォームオブジェクトの取得方法
document.froms[0];// froms オブジェクトのインデックスを介して
document.froms["myForm"];//フォームオブジェクトとフォームの名前を介して
document.myForm;//フォーム名を渡します
5) ドキュメントオブジェクトの使用
HTMLを操作する
1. イベント処理
onBlur: 現在の要素がフォーカスを失ったときにトリガーされます。
onFocus: 要素がフォーカスを取得するとトリガーされます
onLoad: ページのコンテンツがリロードされるときにトリガーされます。
onUnLoad: 現在のページが終了またはリセットされたときにトリガーされます。
onClick: マウスのクリックによってトリガーされます
onDbiClick: マウスのダブルクリックによってトリガーされます
onMouseDown: マウスを押すとトリガーされます
onMouseMove: マウスの移動によってトリガーされます
onMouseOut: マウスがオブジェクトの範囲を離れるとトリガーされます
onMouseOver: マウスがオブジェクトの範囲上を移動するとトリガーされます
onMouseUp: 数百回クリックした後にマウスを放したときにトリガーされます
onKeyPress: キーボードのキーが押されて放されたときにトリガーされます。
onKeyDown: キーボードのキーが押されたときにトリガーされます
onKeyUp: キーボードのキーが放されたときにトリガーされます
onClick="gogo()"——event="関数名"
要素がフォーカスを得る/失う
document.myFrom.text_name.focus();
document.myFrom.text_name.blur();