<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>01functionMethod.html</title>

    <script>

        //宣告式函數

        function fAdd1(a, b) {

            return (a + b);

        }

        document.write("fAdd1(10, 20)="+fAdd1(10, 20)+"<br>");

 

        //函數實字(變數)function literal

        var fAdd2 = function (a, b) {

            return (a + b);

        }

        document.write("fAdd2(10, 30)=" + fAdd2(10, 30) + "<br>");

 

        //函數建構子(少用)

        var fAdd3 = new Function("a","b","return(a+b)")

        document.write("fAdd3(10, 40)="+fAdd3(10, 40)+"<br>");

 

        //因為其實fAdd1就是一個函數了,所以函數實字也可以這樣用:

        var fAdd4 = fAdd1;//注意fAdd1後面不要加括號,加了代表立即執行(呼叫)反而不能用

        document.write("fAdd4(10, 50)=" + fAdd4(10, 50) + "<br>");

 

        //可以發現fAdd2fAdd4幾乎一樣

        document.write("<hr>fAdd2=" + fAdd2 + "<br>fAdd4=" + fAdd4 + "<hr>")

 

        document.write("<hr>" + window.alert + "<br>")//function alert() { [native code] }

        document.write(window.alertx + "<hr>")//undefined

 

        //之可可以用這種方式判斷這個瀏覽器是否有支援此功能:

        if(window.alert)//alert改成alertx,結果會不一樣

            alert("支援")

        else

            alert("不支援")

 

           </script>

</head>

<body>

 

</body>

</html>




<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>02functionHTML.html</title>

    <script>

        function showName(pos, name) {

            return (pos + "." + name);

        }

        //在這裡寫好一個JS,在下面body使用,此為HTML DOM的作用(也就是使HTML可以用JS......吧?)

           </script>

</head>

<body>

    <input type="button" value="write" onclick="document.write(showName('sir','Jack'));" >

   <!--注意這個onclick就是連結過去的關鍵-->

</body>

</html>

 

乙方 發表在 痞客邦 留言(0) 人氣()