1.js作曲:ECMAScriptの:基本的な文法
BOMブラウザのオブジェクトモデル- >ウィンドウオブジェクト(ウィンドウウィンドウ、場所の住所、歴史的な歴史、イベントイベント、文書ファイル、タイマー)
DOMドキュメントオブジェクトモデルは-documentオブジェクト
2.windowオブジェクト:、JavaScriptではデフォルトのオブジェクトを開き、ブラウザのウィンドウを表し、そのプロパティやメソッドを呼び出すときに、あなたが直接呼び出され、「ウィンドウ」接頭辞を省略することができます。警告( "こんにちは")
1.プロパティ:
= "index.jspの" 1.ローカル/アドレスLOCATION.HREF; location.reload( ); リフレッシュ
2.history.go(-1) - >(バックリバース)に行く(1 )の進歩は(0)リフレッシュ行く
:2.方法
3つの爆弾ボックス1.js
1)警告(「」);警告ボックス
2)確認();確認の支払い戻り値は:trueを返し、[OK]ボタンをクリックし返すためにキャンセルボタンをクリックしてください偽
3)プロンプト(「メッセージ」、「デフォルト情報」)ボックスは、戻り値を促す:コンテンツを入力する
2.window.open(「one.jsp」、「_blank 」、「幅= 500」); ウィンドウを開くために:新しいウィンドウで開くone.jspページ、および500は、広い
オープンパラメータ状態:ブラウザのステータスバーの情報
はwindow.close();閉じる
3.タイマー:
A =のsetInterval( "Shizhong()"、1000); // 1000は、ミリ秒間隔shizhongコール()を複数回呼び出す
//呼び出し停止間隔;てclearInterval(A)
A =のsetTimeout( "shizhong() "、3000)は、 最初のコールの後shizhong()// 3000ミリ秒を呼び出し
てclearTimeout(A); //呼び出しを停止
setTimeout:指定された時間遅延をローディングした後、(一度だけ実行される)プログラムを実行した後
のsetInterval:ロードした後、指定された時間間隔がプログラムを実行する
効果を得ることができるのsetTimeout再帰的にのsetInterval
3.documentオブジェクト:ドキュメントオブジェクトは、タイトルバー、フォーム、写真、リンク、アクセス可能なHTMLページの他の要素を含む、現在のブラウザウィンドウまたはフレームの領域のすべてのコンテンツが含まれますが、ブラウザのメニューバー、ツールバーやステータスバーが含まれていません。 。
方法:
のdocument.getElementById(「」); // ID係る素子得る
document.getElementsByNameを(「」); //名前に基づいて、複数の要素取得
document.getElementsByTagNameを(「」); //タグ名に基づいて複数の要素を取得します
VaRのA =のdocument.getElementById( "B" )innerHTMLの;. // 変数ジタグに割り当てられたHTMLコンテンツ内のIDタグとBのみ
VAR A =のdocument.getElementById( "B" )のinnerText ;. / タグ内のテキスト/ IDが変数bに割り当てられるダイタグに限定される
のvar A =のdocument.getElementById(「B」 )値;. // タグの変数値Bに割り当てられたID値ラベルのみの属性値があります
document.getElementById("b").innerHTML="<p id='p'> This is my JSP page. <br></p>";
//将""里内容写入id为b的标签的里面 仅限于双标签
案例1: 全选 全不选 反选
<script type="text/javascript">
function qx(){
var cks=document.getElementsByName("ck");
for ( var i in cks) {
cks[i].checked=true;
}
}
function qbx(){
var cks=document.getElementsByName("ck");
for ( var i in cks) {
cks[i].checked=false;
}
}
function fx(){
var cks=document.getElementsByName("ck");
for ( var i in cks) {
if(cks[i].checked==true){
cks[i].checked=false;
}
else{
cks[i].checked=true;
}
}
}
</script>
<body>
<input type="checkbox" name="ck" >HTML<br>
<input type="checkbox" name="ck" >C语言<br>
<input type="checkbox" name="ck" >Java<br>
<input type="checkbox" name="ck" >Java Script<br>
<input type="button" value="全选" onclick="qx()">
<input type="button" value="全不选" onclick="qbx()">
<input type="button" value="反选" onclick="fx()">
</body>
ケース2:動的なクロック周期タイマー
<script type="text/javascript">
var aa;
function b(){
var t=new Date();
var d=t.toLocaleString();
document.getElementById("p1").innerHTML=d;
}
function a(){
aa=window.setInterval("b()", 1000);
}
function c(){
window.clearInterval(aa);
}
</script>
<body>
<input type="button" value="开始" onclick="a();">
<input type="button" value="结束" onclick="c();">
<p id="p1"></p>
</body>
ケース3:電卓
<script type="text/javascript">
function add(){
var a=document.getElementById("a").value;
var b=document.getElementById("b").value;
var c=Number(a)+Number(b);
document.getElementById("c").value=c;
}
function jian(){
var a=document.getElementById("a").value;
var b=document.getElementById("b").value;
var c=Number(a)-Number(b);
document.getElementById("c").value=c;
}
function cheng(){
var a=document.getElementById("a").value;
var b=document.getElementById("b").value;
var c=Number(a)*Number(b);
document.getElementById("c").value=c;
}
function chu(){
var a=document.getElementById("a").value;
var b=document.getElementById("b").value;
var c=Number(a)/Number(b);
document.getElementById("c").value=c;
}
</script>
<body>
第一个数:<input type="text" id="a"><br>
第二个数:<input type="text" id="b"><br>
<input type="button" value="加" onclick="add()">
<input type="button" value="减" onclick="jian()">
<input type="button" value="乘" onclick="cheng()">
<input type="button" value="除" onclick="chu()"><br>
运算结果:<input type="text" id="c"><br>
</body>