第一章:JavaScript基礎－(一)基礎文法

9288 ワード

httml 5

プロジェクトを迅速に学習して完成することを渇望して、あまり多くの時間を費やして1つの言語を学習することを望んでいません.
コード実行はJavaScript構文を理解するのに十分で、以下のコードを観察し、テキストにコピーしてブラウザで開きます.
JavaScriptは大文字と小文字に敏感です.ここでは文法を素早く理解します.
入門練習としてコードごとに自分で叩くことができます.
1:helloworld、私たちが書いた最初の例


    document.write("Hello World!!!");

2:ダイアログ形式helloworldの3つの形式を表示

をクリックします。

をクリックします。

をクリックします。

:withキーワードの使い方--コードの簡略化

    ,   with                    with         
  ：           。    
 

  ：

with (){

　　

｝


with (document) {
    write ("<br><Li>      ：");
    write ("<Li>ViewSonic 17\"    。");
    write ("<Li>EPSON    。");
}
document.write ("<br>---------------");
document.write ("<Li>      ：");
document.write ("<Li>ViewSonic 17\"    。");
document.write ("<Li>EPSON    。");

4:変数宣言、常にvar先頭
JavaScriptデータの表示:


  ：    、    ，   、   、    ； 

   ：    、        ，     、     ； 

   ：true、false 

    ：   、    

  ：null 

    ：        、          ； 





var stdId; 
var total=3721; 
var notNull=true; 
var name="   ",sex="  "; 

var i=j=0;  

var hobby=["   ","   "];
hobby[2]="123";
var test;
stdId = 2004007;
document.write("  stdId="+stdId+"<br>");
document.write("  i="+i+"<br>");
document.write("  j="+j+"<br>");
document.write("  name="+name+"<br>");
document.write("  sex="+sex+"<br>");
document.write("  notNull="+notNull+"<br>");

document.write("  hobby="+hobby+"<br>");
document.write("  hobby[0]="+hobby[0]+"<br>");
document.write("  hobby[1]="+hobby[1]+"<br>");
document.write("  hobby[2]="+hobby[2]+"<br>");
document.write("  hobby[3]="+hobby[3]+"<br>");
document.write("      test="+test+"<br>");
document.write("      (0.0/0.0)="+(0.0/0.0)+"<br>");

var t1=1.7976931348623157E+10308
document.write("        "+t1)

document.write("<br />")

var t2=-1.7976931348623157E+10308
document.write("        "+t2)

5:グローバル変数宣言


var langJS = "JavaScript"; //langJS     
test(); 
function test() {
    var langVBS = "VBScript"; //langVBS     
    document.write("<LI>" + langJS);
    document.write("<LI>" + langVBS); 
}
document.write("<LI>" + langJS);
document.write("<LI>" + langVBS);

6:演算記号および減算乗算


var x = 11; 
var y = 5;

with (document) {
    write("x = 11, y = 5");
    write("<LI>x + y   ", x + y);
    write("<LI>x - y   ", x - y);
    write("<LI>x * y   ", x * y);
    write("<LI>x / y   ", x / y);
    write("<LI>x % y   ", x % y);
    write("<LI>++ x   ", ++ x);
    write("<LI>-- y   ", -- y);
    write("<LI>x   ", x);
    write("<LI>y   ", y);
    write("<LI>x--   ", x--);
    write("<LI>y--   ", y--);
}

7:++演算


var x = y = 3; 


with (document) {
    write("y++=",(y++),"<br>");
    write("++y=",(++y),"<br>");
    write("x = 3, y = 5 <br>");
    write(" x = y++     ：");
    x = y++;//y→x，y+1→y
    write("x   ", x, "; y   ", y, "<br>");
    write("  x = ++y   ：");
    x = ++y;//y+1→x，y+1→y
    write("x   ", x, "; y   ", y);
}

8:論理演算子および

&&　　||　　! 

 １：

var t = true;
var f = false;

with(document) {
write("<OL><LI>true && true      ", t && t);
write("<LI>true && false      ", t && f);
write("<LI>false && true      ", f && t);
write("<LI>false && false      ", f && f);
write("<LI>true && (1==1)      ", t && (1==1));
write("<LI>false && 'A'      ", f && 'A');
write("<LI>'A' && false      ", 'A' && f);
write("<LI>true && 'A'      ", t && 'A');
write("<LI>'A' && true      ", 'A' && t);
write("<LI>'A' && 'B'      ", 'A' && 'B');
write("<LI>1 && 1      ", 1 && 1);
write("<LI>1 && 0      ", 1 && 0);
write("<LI>true && 0      ", true && 0);
write("<LI>true && 1      ", true && 1);
write("<LI>true && '0'      ", true && '0');
    //&&：        ，           flase，           flase，  ，          
}

9:論理演算子または


var t = true;
var f = false;

with(document) {
write("<OL><LI>true || true      ", t || t);
write("<LI>true || false      ", t || f);
write("<LI>false || true      ", f || t);
write("<LI>false || false      ", f || f);
write("<LI>true || (1==1)      ", t || (1==1));
write("<LI>false || 'A'      ", f || 'A');
write("<LI>'A' || false      ", 'A' || f);
write("<LI>true || 'A'      ", t || 'A');
write("<LI>'A' || true      ", 'A' || t);
write("<LI>'A' || 'B'      ", 'A' || 'B');
write("<LI>1 || 1      ", 1 || 1);
write("<LI>1 || 0      ", 1 || 0);
write("<LI>true || 0      ", true || 0);
write("<LI>true || 1      ", true || 1);
write("<LI>true || '0'      ", true || '0');
    //||：        ，           true、        ，           ，  ，          
}

10:論理演算子の反転


with(document) {
    write("<LI>!true      ", !true);
    write("<LI>!false      ", !false);
    write("<LI>!'A'      ", !'A');
    write("<LI>!0      ", !0);
    write("<LI>!1      ", !1);
    write("<LI>!2      ", !2);
    write("<LI>!'0'      ", !'0');
    write("<LI>!'1'      ", !'1');
    write("<LI>!-1      ", !-1);
}

11:論理演算優先度
12:thisキーワードthisは、通常、私たちが実行している関数自体、またはその関数が属するオブジェクトを指します.


function validate(obj) {
    alert("      ："+ obj.value);
} 
       ：

13:条件演算子(三目演算子)


//forms             Form      。
function showSex() {
onOroff = document.forms[0].sex[0].checked
status = (onOroff)? "  " : "  "
alert("Hello! " + status)
}
 
       ：

14:コメント文


//     
/*
      
          */

// ：
/***************************************
*                                   *
*        http://www.mycodes.net         *
*        :http://www.mycodes.net      *
*       http://www.mycodes.net/bbs    *
*****************************************/

15:if.......else......

 
var now = new Date();
var hour = now.getHours();

document.write(now);
document.write("<br>");
if (6 < hour && hour < 18)
    document.write ("  "+hour+"    ");
else
    document.write ("  "+hour+"    ");

16:if.......else.....if

 
var now = new Date();
var day = now.getDay();
var dayName;

if (day == 0) dayName = "   ";
else if (day == 1) dayName = "   ";
else if (day == 2) dayName = "   "; 
else if (day == 3) dayName = "   ";
else if (day == 4) dayName = "   "; 
else if (day == 5) dayName = "   ";
else dayName = "   "; 

document.write ("      ", dayName);

17:while文

 
var i = 5;

while ( i > 0 ) {
    document.write("i = " ,i ,"<BR>");
    i--;
}

18:do.....while文

 
var i = 5;

do {
    document.write("i = " ,i ,"<BR>");
    i--;
} while ( i > 0 )

19:forループ文

 
for ( var i = 5; i > 0; i-- ) {
    document.write("i = " ,i ,"<BR>");
}

20:for in(一)用法1つの配列のすべてのサブセットを遍歴する





var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars)
{
document.write(mycars[x] + "<br />")
}

21:for in(二)用法1つのオブジェクトのすべての属性を遍歴する


  ：



for (    in    ){

    

} 



 ：



function member(name, sex) {//    member
    this.name = name;
    this.sex = sex;
}

function showProperty(obj, objString) {
var str = "";
for (var i in obj)
    str += objString + "." + i + " = " + obj[i] + "<BR>";
 return str;
}

papa = new member("   ", "  ");//      papa
document.write(showProperty(papa, "papa"))

ソースコード方式でLAMPをインストールする

その年の何日目