JavaScript関数変数と文字列出力の変換

18114 ワード

JavaScript

セミコロンは語句分割の方法であり、コードはコード語句とコードブロックに分けられます.主語はJavaScriptの大きさで書きやすいです.例えば、先ほどからずっとデバッグしていた関数functionがFunctionではなく、プログラムが正常に動作しなくなりました.コードブロックは多くの語句が一緒に実行されます.

<html>
<head>
    <title>this is a js page</title>
</head>
<body>
<p id = "test">this is my test</p>
<div id = "test2">this is my test2</div>
<script> function myFunction(){ document.getElementById("test").innerHTML = "hello world!"; document.getElementById("test2").innerHTML = "hello div!"; } </script>
<button type="button" onclick="myFunction()">button</button>
</body>
</html>

バックスラッシュ\改行が利用できます.

document.write("hello \ world!");
     // document.write("hello world!");

変数の保存値、出力は改行できます.

<html>
<head>
    <title>this is a js page</title>
</head>
<body>
<p id = "test">this is my test</p>
<script> document.write("hello world!" + "<br>"); document.write("micro" + "<br>"); document.write("xiaoma" + "<br>"); </script>
</body>
</html>

変数を活用するvar

<html>
<head>
    <title>this is a js page</title>
</head>
<body>
<p>x = 5,y = 7</p>
<p id = "test"></p>
<script> function sum(){ var a = 5; var b = 7; var varP = document.getElementById("test"); varP.innerHTML = "x + y = " + (a + b); } </script>
<button type = "button" onclick="sum()">clickme</button>
</body>
</html>

配列の定義:2つの方法:

var cars = new Array();
    cars[0] = "Audi";
    cars[1] = "BMW";
    cars[2] = "Tesla";

var cars = new Array("Audi","BMW","Tesla");

JavaScriptの対象はkey-valueです.personオブジェクトを定義する場合:

var person = {name : "micro",age : 20,gender : male};

出力先value:

person = {name : "micro",age : 20,gender : "male"};
    document.write(person["name"] + "<br>");
    //  person.name     
    document.write(person.age + "<br>");
    document.write(person.gender + "<br>");

person=nullを使って空を置くことができます.
変数の種類を宣言できます.

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

ボタン呼び出し関数のポップアップ:

<html>
<head>
    <title>this is my js page</title>
    <script> function myFunction(){ alert("hello world!"); } </script>
</head>
<body>
<button onclick="myFunction()">try it</button>
</body>
</html>

関数バンドパラメータをポップアップボックスに結合します.

<html>
<head>
    <title>this is my js page</title>
    <script> function myFunction(word,name){ alert("i want to say " + word + " to " + name); } </script>
</head>
<body>
<button onclick="myFunction('hello ','mpc')">try it</button>
</body>
</html>

戻り値の関数定義例があります.

<html>
<head>
    <title>this is my js page</title>
    <script> function myFunction(word,name){ alert("i want to say " + word + " to " + name); } //            function sum(num1,num2){ return num1 + num2; } </script>
</head>
<body>
<script type="text/javascript"> function print(){ var a = 1; var b = 2; //       var x = sum(a,b); //     alert(a +" + "+b+" ="+x); } </script>
//          
<button onclick="myFunction('i love you ','mpc')">try it</button>
<button onclick="print()">print</button>
</body>
</html>

関数内のvarは局所変数として定義され、関数内の有効関数の外部定義のみで、ウェブページ上のすべてのスクリプトと関数が使用できます.JavaScript変数の生命期間はそれらが宣言された時間から始まります.ローカル変数は、関数の実行後に削除されます.グローバル変数は、ページが閉じたら削除されます.
変数の作用範囲の例、グローバル変数はwindowを通じてアクセスできます.

<html>
<head>
    <title>this is my js page</title>

</head>
<body>
    <p id = "test">this line is test</p>
<script type="text/javascript"> function f(){ //    var   ，      name = "micro"; } //          ，          f(); document.getElementById("test").innerHTML = "this var is " + name;//      name，       document.write(window.name);//            window    </script>
</body>
</html>

ボタンにイベントを追加し、時間を表示します.

<html>
<head>
    <title>this is my js page</title>
    </head>
<body>
<button onclick="document.getElementById('test').innerHTML = Date()">now time is </button>
<p id = "test"></p>
</body>
</html>

自身のボタンの情報を変更します.

<button onclick="this.innerHTML=Date()">      ?</button>

よくあるイベントの名前を知っておくべきです.onchange元素が変化しました.onclickボタンを押すと、onmouseoverがマウスを移動します.
文字列の意味:「my name is」「mpc」というコードがあると、このようなJavaScriptは解析できないので、変換文字を採用できます.\」で二重引用符を実現します.よく使われる変換コード出力\'単引用符\"ダブル引用符\バックスラッシュ改行\r回車\t tab(タブ符)

pbwin会員合併