JavaScript
2007 7 14 UK

• : UK
• : Web ( )
• UK STUDIO(http://uk-studio.net/)
• JS :
•

JavaScript - HTML
<script type=”text/javascript”>
<!--
(ry
//-->
</script>
( )
(´ ω )

JavaScript - HTML
< &
&lt; &amp;
XHTML CDATA
<script type=”text/javascript”>
<![CDATA[
(ry
]]
</script>
CDATA
<script type=”text/javascript”>
/*<![CDATA[*/
(ry
/*]]*/
</script>

JavaScript - HTML
<script type=”text/javascript” src=”./js/sample.js”></script>

var hoge;
var foo = “bar”;
var name = “UK”, age = 20; //
(a-z,A-Z) (_)

(via Wikipedia)
Null
var integer = 100;
var string = “ ”;
var death_flag = true;
var nullpo = null;

( ) 0
var browser = [“InternetExplorer”,”Firefox”,”Safari”,”Netscape”];
var browser = Array(“InternetExplorer”,”Firefox”,”Safari”,”Netscape”);
var browser = new Array(“InternetExplorer”,Firefox”,”Safari”,”Netscape”);
alert(browser[0]); // InternetExplorer
browser[0] = “Opera”;
alert(browser[0]); // Opera

var UK = new Array();
UK[“name”] = “ ”;
UK[“age”] = 20;
alert(UK[“age”]); //20

+ - * / % ++ --
= += -=
== != > < >= <=
&& ||
& | ^ ~ << >> >>>

if
if( ){
true
}else if( 2){
false 2 true
}else{
false
}
while
while( ){
}

for
for( ; ; ){
}
do while
switch

f(x,y) = x + y
JavaScript
function add(x,y){
var answer = x + y;
return answer;
}
JavaScript
( )
function hello(){
alert(“Hello,JavaScript”);
}

var param = “global”;
function func_a(){
var param = “local”;
alert(param);
}
func_a(); //local
alert(param); //global
var param = “global”;
function func_a(){
param = “local”;
alert(param);
}
func_a(); //local
alert(param); //local
var

?( ′∇
!?
var obj = {};
alert(obj); //[object Object]
!

var obj = {
name : “ ”
};
alert(obj.name); //
obj.name = “ ”;
obj.age = 55;
alert(obj.name); //
alert(obj.age); //55
->

var obj = {
name : “ ”
getName : function(){
return this.name;
}
};
alert(obj.getName()); //
->
-> Function

(String )
alert(“Hello,JavaScript”.length); //14
(Number )
var num = 100;
alert(num.toString()); //”100”
JavaScript
->
(Array ) (Boolean )
(Function ) (Date )
(Math ) (RegExp )
(Error )

->
->
window
locatoin
history
document
DOM document

JavaScript
->
->
( Function )
DOM document
JavaScript
prototype

DOM
DOM
CSS

dcument
html
head body
meta title h1 div
DOM
p img
document
document

<a href=”index.html”> </a>
a
index.html

getElementById
getElementById
var obj = document.getElementById(“sample”);
CSS
obj.style.backgroundColor = “#000”;
CSS
?( ω ´)

background-color backgroundColor
JavaScript
->
font-family -> fontFamily
padding-left -> paddingLeft
letter-spacing -> letterSpacing etc...

JS
id:button id:navi !
var btn = document.getElementById(“button”);
var navi = document.getElementById(“navi”);
btn.onclick = function(){
navi.style.backgroundColor = “#ccc”;
}
onclick
onmouseover onload

JS
JavaScript