2014年10月5日 星期日

第三周

區域變數:限定範圍的宣告變數

整體變數:影響範圍是整個程式的變數

本堂範例

<!DOCTYPE html>
<html>
<head>
<script>
var i = 0;
var x = [ "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUReZHOeh78E_LVSrA7xHaQDiNr3sZSFU2Czw7XKcKCtLxXOaNpZEc1WcLskkgLLJkiU_r-O5NClLNhIgsdHY-B0YFc_Svq8EA3h6s2mEqAogyxBD8iwLL0bkPWYHaAedKEPnMwmr4ZBHr/s1600/IMG_3917.JPG",
 "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnPxUm4PxzNhfS_A1Q6MPCOLga0lp1Ae76oLe1VWyhrxrMZ0ltqq13p8KRKMijLaAzRmThxfUQAAuhXnDaas2khtXaN9p9EXKb_MWOCUWSYIc2FHSDHusMC0ybZZW5mL72EZS6W_ic5GbC/s1600/IMG_3918.JPG",
 "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Fg-9kanlxt866_6MO6i3nYoEkGLGNmlD5U421qPz-cuu1AaVDHr4plzdnPIdVwBthTbqDQpHY9rF-nCKZ__d3h4UQ06aOfWZfVh67zpBDwUkMcYKhbdONUkexCD13hjlLTPjt75yeObZ/s1600/IMG_3919.JPG",
 "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLMbSr7fAngtrTeVXtb9lg7bB_U7JvBTTSlIRNFn8uhGEOqBmlETjVn5neM0mFezWAqnYZIWBnfCDReDqeJAy303ghOlbsbYWxzhjJZyBTA24OoGFZBU5U7SNh0DwJSAAXkBqpkxmrg1vz/s1600/IMG_3920.JPG","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLWR_Rid2HRI9YlhfPXXjeKJgj5d0yALTO4dkDZCZYTA0ahiUPVWNOLSbvJnmmZSvVXb9dmqaHBjOc-t5UDRNqcwhIr-3NyCWgTXqK1vOwEco1EIwCb5qFaBt-bhu-SN5Ns0jOJIB3aoar/s1600/IMG_3921.JPG","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYqDpTKAZ38G3VTpMQ_zqTkJqfe7SpY9cOrTSgfrhCWSbL1sL3NCF4lH0zr_IYeYGHNR81P-VeQa7pxO13Ojhz7Gztc7_g-lMtm8KbRZd5Aix-_kOGCNvNUbX-vXC0P-k8XuUiZnpIG5gq/s1600/IMG_3922.JPG","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiredxrHA6A29l3AXlAqVPS2TgYOZGeaEUdkSzgWgRlSoPKtTv0qF5AgbqwYGh_AdKyIsIkUcjwzt6yVDPzI79DrDkjb7PsjsWHHvRrSl3lSQGnZ-5XNpltpEHhxsY97tMO9K7ZLj0GD-sB/s1600/IMG_3925.JPG","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFV9itWyO_HC1n9Aa8b8c1DXDYFC38zqGpSWsB1SE6JiNz-EaRsoFRqmKVeXfED4Dlt_y3nRLrR9sNBqaa5VLQVZz0O6ab3tHLNojJzJdoiRKyytCLQkFIQ5AMCs2dhGgMdfecCAflxi11/s1600/IMG_3927.JPG","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGpii3xPl3uEOximgHxEGGgAZ2rPzL4A4czCpqsB1iKbA1nFv8NdOf-DfcbUCU-cRC3sms9qOtA8CJWohVjtZD-5Fs-pDCua0-bv5GEc9gdv7WLUaA5an3jZxdufiL2r9LVVVlxwHhOW2m/s1600/IMG_3928.JPG","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6LQXwNSVbV_xn_j-QdHCwTkGL-siY1AZl3PhL6h7McgdoYwWyyY10to1Tw4JVfKUfMK8O-5j2k5LE5-kE708UFM02UwDIozzuX3mINzpKymKTIsbT-RcKwmO2YaQSKxiif4vwhhvNQ0Cu/s1600/IMG_3930.JPG","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6BGrlXOd7y-tUysF7PxqG59Smxtgbph4wjpBBL4wIg863m5ZsaWETJMQvQDetbNS_3zJwED5xTK2ICkmcN7A0VDqD6gweitC7gz5UAtSn4pKSGJO_teKHk4HvxB41h6kNFdmPcwaL_RaQ/s1600/IMG_3937.JPG","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY2QMIchAZTUtRK5iJxMAA7HogaG_pprrQoqpbDZK6HgBD-Un0UQ_GjCGk8Eqm4e7MFNSvv_MgHmnG2Zw-HyvSWKqqgOLW8Ju2KoP4lyTLpKBvJUYW2yKcEtHSMgU-De4FqHIQlUT68F9W/s1600/IMG_3947.JPG" ]
function f(y)
{
i = i + y;
document.getElementById("x").innerHTML = "<img src='" + x[i] + "' >"
}
</script>
</head>

<body>

<div id="x">
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUReZHOeh78E_LVSrA7xHaQDiNr3sZSFU2Czw7XKcKCtLxXOaNpZEc1WcLskkgLLJkiU_r-O5NClLNhIgsdHY-B0YFc_Svq8EA3h6s2mEqAogyxBD8iwLL0bkPWYHaAedKEPnMwmr4ZBHr/s1600/IMG_3917.JPG' >
</div>
<a href="javascript:f(-1);">上一張</a>
<a href="javascript:f(1);">下一張</a>

</body>
</html>

沒有留言:

張貼留言