CSSを学んだ後、私たちは簡単なエントリはのJavaScriptのフロントエンド技術続く学びを続け
CSSは、メイクアップや美容であれば、かなりの妹を、そしてJavaScriptが一緒にこのエレガントな妹の地球を作ることができるようになります、そしてあなたはそれと対話することができます。
JavaScriptがビデオをサポートして学ぶ、それはあなたに月を教えることをお勧めしますと星がサイトを行うされています
https://www.bilibili.com/video/av5862916/?p=22
コードおよびサポート情報は、私のgithubのに下記のリンクを参照してください、無料でダウンロード、またはスターやそれをサポートしてくださいフォーク、感謝のような便利!
https://github.com/AndyofJuly/CSSandJS_Study
ここでは研究の内容は要約を行って、以下のとおりです。
================================================== ==============
1.最初のJavaScriptプログラム
ファイルに.htmlの接尾辞として保存され、次のコードをコピーし、実行するためにダブルクリックします
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>alert("Hello World!")</script>
</head>
<body>
</body>
</html>
動作した後、結果は:
`
================================================== ==============
2.変数を作成します。
:キーワードVAR、例を使用します
<script>
var four="你是人间的四月天";
alert(four);
</script>
動作した後、結果は:
================================================== ==============
3.変数の方法1
<script>
var number=100;
number=number+200;
document.write("<h1>"+number+"<h1>");
</script>
動作した後、結果は:
================================================== ==============
4. 2つの変数の方法
<script>
var name=prompt("你学习的语言是:","");
document.write("<h1>"+name+"<h1>");
</script>
動作した後の結果が示しています。
その後、ブラウザは次の単語が表示されます。
================================================== ==============
5.条件文
<script>
var pwd=prompt("请输入您的密码:","");
if(pwd=="123"){
document.write("登录成功");
}else{
document.write("登录失败");
}
</script>
動作した後の結果が示しています。
その後、ブラウザは次の単語が表示されます。
================================================== ==============
6.条件文2
<script>
var number=prompt("请输入一个数字(1-100):","");
if(number==50){
document.write("恭喜您,答对了!");
}else if(number<50){
document.write("您猜的数字小了点,换个大的试试吧");
}else{
document.write("您猜的数字大了点,换个小的试试吧");
}
</script>
動作した後の結果が示しています。
その後、ブラウザは次の単語が表示されます。
================================================== ==============
7.whileループ1
シナリオ:以前に間違ったパスワードを入力し、テキスト入力ボックスを再表示すると、成功は、直接の成功を見えます
<script>
var pwd=prompt("请输入您的密码:","");
while(pwd!=="123"){
pwd=prompt("登录失败");
}
if(pwd=="123"){
document.write("登录成功");
}
</script>
動作した後、結果は:
================================================== ==============
8.whileループ2
印刷サイクルを出力します1-10
<script>
var num=1;
while(num<=10){
document.write(num+"<br>");
num=num+1;
}
</script>
動作した後、結果は:
================================================== ==============
ループ9.for
巡回出力印刷1-5
<script>
for(var num=1;num<=5;num++){
document.write(num+"<br>");
}
</script>
動作した後、結果は:
================================================== ==============
前記一次元アレイ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Array</title>
<script>
var num=new Array();
num[0]=100;
num[1]=80;
document.write(num);
</script>
</head>
<body>
</body>
</html>
動作した後、結果は:
<script>
var num=new Array(100,200,300,500,600,"HelloWorld");
document.write(num);
</script>
動作した後、結果は:
================================================== ==============
11.二次元アレイ
<script>
var person;
person=new Array();
person[0]=new Array();
person[0][0]="violet";
person[0][1]=18;
person[0][2]="girl";
document.write("name:"+person[0][0]+"<br>");
document.write("age:"+person[0][1]+"<br>");
document.write("sex:"+person[0][2]+"<br>");
</script>
動作した後、結果は:
================================================== ==============
高度なチュートリアル学習...することが
好きかジュニアパートナーかもしれ右上チャンに報いる、コメントを歓迎!
コイン収集ポイントの三重結合利息ハハ、より安定した週と同様に