Java Script

JavaScript
(built-in object)
(Array object)
(Boolean object)
(Date object)
(Function object)
(Math object)
(Number object)
(String object)
(Array Object)
= new Array ([])

= new Array ([,..])
(Array Object)
.
.()
length
prototype
->
->
eval()
concat()
join()
reverse()
sort([])
toString()
valueOf()
->()
->
->
->
->
->
->

<Script>
var classId = new Array(3)
classId[0] = "Oracle"
classId[1] = "Internet"
classId[2] = "JavaScript"
document.write(classId,"<br>")
document.write(classId.reverse().join(' & '),"<br>")
document.write(classId.sort(),"<br>")
document.write(classId.sort().reverse(),"<br>")
</script>

<script>
var classId = new Array[3];
classId[0] = "Oracle";
classId[1] = "Internet";
classId[2] = "JavaScript";
document.write("",
classId[1], "<br>");
</script>

<script>
var a = new Array(7,3,6,5);

for (var i=0; i<a.length; i++);
document.write("a[", i, "] = ", a[i], "<BR>");
</script>
-
<script>
var a = new Array(3);
a[0]=new Array(7,3,6,5);
a[1]=new Array(2,9,0,6);
a[2]=new Array(7,9,6,7);
for (var i=0; i<3; i++) {

for (var j=0; j<4; j++)
document.write("a[", i, "][", j, "] = ",
a[i][j], "<BR>");
}
</script>
-
<Html>
<Script>
var i = 0; var nameArray = new Array()
function add() {
nameArray[i]=document.forms[0].elements[0].value
alert (""+i+""+nameArray[i])
i++
}
function show()
{
alert (nameArray.join()) }
</Script>
<Body><Form>
<input type=text>
<input type=button value="" onClick=add()>
<input type=button value="" onClick=show()>
</Form></Body></Html>

<script>
var score = new Array(50, 80, 35, 100);
document.write("");
document.write(score.sort().reverse());
</script>
sort()

<script>
function compareNumbers(a, b){
return a - b;
}
var score = new Array(50, 80, 35, 100);
document.write("");
document.write(score.sort(compareNumbers).reverse());
</script>
2-1
1.Text
2.
3. (Lay out)
2-2
1-4
1.
2. Text
3. (Lay out)
(Date Object)
= new Date ()
= new Date (, , )
= new Date (, , , , , )
(Date Object)
.
.()
(1)- (GET)
getYear()
->
getMonth()
->(0-11)
getDate()
->(1-31)
getDay()
->(0-6)
getHours()
->(0-23)
getMinutes()
->(0-59)
getSeconds() ->(0-59)
getTime()
->1970/1/1 0:0:0
getTimezoneOffset()->GMT
(2)- (SET)
setYear()
setMonth()
setDate()
setHours()
setMinutes()
setSeconds()
->
->
->
->
->
->
toGMTString() ->GMT
toString()
->

<Script>
var now = new Date();
document.write(now);
</Script>

<Script>
var today = new Date();
var month = today.getMonth()+1;
var date = today.getDate();
var day
= today.getDay();
document.write("");
document.write(month, "");
document.write(date, "");
document.write("", day);
</Script>

<Script>
var day = now.getDay();
var dayName;
if (day == 0) dayName = "";
else if (day == 1) dayName = "";
else dayName = "";
document.write ("",dayName);
</Script>

<Script>
var hour = now.getHours();
if (hour > 4 && hour < 19){
document.bgColor = "#FFFFFF";
document.fgColor = "#000000";
document.write ("");
}
else{
document.bgColor = "#000000";
document.fgColor = "#FFFFFF";
document.write ("");
}
</Script>

<script>
var msperday = 86400000;
var today
= new Date();
var yesterday = new Date(today-msperday);
document.write("<li>"+
(yesterday.getMonth()+1)+
"/"+yesterday.getDate());
document.write("<li>"+
(today.getMonth()+1)+
"/"+today.getDate());
</script>
array & date

<Script>
var dayName = new Array(7)
dayName[0] = ""; dayName[1] = "" ;
dayName[6] = "";
var day = now.getDay();
document.write(" + dayName[day]);
</Script>
(Math Object)
E
LN2
LN10
LON2E
LON10E
PI
SORT1_2
SORT2
->(2.71828)
->2(0.69315)
->10(2.30259)
->2e(1.44270)
->10e(0.43429)
->(3.1415926)
->1/2(0.70711)
->2(1.41421)
(1)
sin ()
cos ()
tan ()
acos ()
asin ()
atan ()
->
->
->
->
->
->
(2)
abs ()
exp ()
log ()
random ()
sqrt ()
->
->
->e
->0()1()
->
(3)
round ()
ceil ()
floor ()
max (1,,N)
min (1,,N)
pow (,)
->
->
->
->
->
->

<Script>
with(document)
{
write("max(3,5)
write("min(3,5)
write("
write("PI
write("sin(30')
write("cos(30')
}
</Script>
= ",Math.max(3,5),"<BR>")
= ",Math.min(3,5),"<BR>")
= ",Math.random(),"<BR>")
= ",Math.PI,"<BR>")
= ",Math.sin(Math.PI/6)*100,"<BR>")
= ",Math.cos(Math.PI/6)*100)

<Script>
var now = new Date()
var firstDay = new Date(2007,7,26,0,0,0)
var duration = now - firstDay
var msPerDay = 24 * 60 * 60 * 1000
//
days = Math.round(duration/msPerDay)
alert("JavaScript"+days+"")
</Script>
2-3
1.
2. (Lay out)

<Script>
motto = new Array(3);
motto[0] = "";
motto[1] = "
";
motto[2] = :,
";
var random = Math.random() * 10;
var index = Math.floor(random)%3;
document.write(motto[index]);
</Script>

<script>
function pickapic(){
var picname = new Array()
picname[0] = "a.gif"; picname[1] = "b.gif";
picname[2] = "c.gif"; picname[3] = "d.gif";
picname[4] = "e.gif"; picname[5] = "f.gif";
picname[6] = "g.gif"; picname[7] = "h.gif";
var which = Math.floor(Math.random()*100)%8;
random_pic.src = picname[which];
}
</script>
<body onload="pickapic()">
<img name="random_pic">
</body>
(String Object)
=
= new String ()
(String Object)
.
.()
length
prototype
->
->
(1)
big()
blink()
bold()
fixed()
italics()
small()
strike()
sub()
sup()
->
->
->
->
->
->
->
->
->
<BIG>
<BLINK>
<B>
<TT>
<I>
<SMALL>
<STRIKE>
<SUB>
<SUP>
(2)
link() ->
fontcolor(color) ->
fontsize(size) ->
indexOf(,[])
->
lastIndexOf(,[])
->
(3)
replace(x,y)
->y x
toLowerCase()
->
toUpperCase()
->
charAt(index)
->
substring(A,B)
->AB
substr(A, )
->A
(4)
slice( [, ])
->,
,
split() ->,
,
concat(2 [, 3])
->

<Script>
var str = "Hello!";
var num = 12345;
var yahoo = "Yahoo";
with(document){
write(str.big(),"<BR>");
write(num.toString().bold(),"<BR>");
write(yahoo.link("http://tw.yahoo.com/"));
}
</Script>

<Script>
var str1 = "10";
var str2 = "20";
with(document){
write(str1 + str2,"<BR>");
write(Number(str1) + Number(str2),"<BR>");
}
</Script>

<Script>
var sayHello = "";
document.write(sayHello.fontcolor("#ff00ff"), "<BR>");
document.write(sayHello.replace('',''));
document.write("", sayHello.length, "<BR>");
</Script>

<Script>
var hello = "HELLO!"
with(document) {
write(hello,"<BR>")
write("1",hello.charAt(0),"<BR>")
write("L",hello.indexOf("L"),"","<BR>")
write("L",hello.lastIndexOf("L"), "","<BR>")
write("k",hello.indexOf("k"),"","<BR>")
write(hello.fontsize("5"),"<BR>")
write("24:",hello.substring(1,4),"<BR>")
write("23:",
hello.substr(1,3),"<BR>")
}
</Script>

<Script>
function isEmail() {
if (document.form1.text1.value == "")
alert("");
else if (document.form1.text1.value.indexOf("@") == -1)
alert("\"@\"");
else
alert("");
}
</Script>
<form name="form1">
EMail
<input type="text" name="text1">
<input type="button" value="" onClick="isEmail()">
</form>

<Script>
function isEmail(form) {
if (form.text1.value == "")
alert("");
else if (form.text1.value.indexOf("@") == -1)
alert("\"@\"");
else
alert("");
}
</Script>
<form>
EMail
<input type="text" name="text1">
<input type="button" value="" onClick="isEmail(this.form)">
</form>

<script>
var str = "Hubert Yang";

var strarray = str.split(" ");
alert(strarray[0] + ", ");
</script>

<script>
var str = "0123456789";
document.write(str, "<br>");
document.write("38");
document.write(str.slice(2, 8), "<br>");
document.write("33");
document.write(str.slice(2, -2));
</script>

<script>
var hotText1
= "YAHOO! KIMO";
var hotText2
= "Google";
var url1
= "http://tw.yahoo.com/";
var url2
= "http://www.google.com/";
var num
= Math.random();
var whichone
= Math.floor(num * 100) % 2;
if (whichone==0)
document.write(hotText1.link(url1));
else
document.write(hotText2.link(url2));
</script>

<script>
var str1 = "Hello!";
var str2 = " I am";
var str3 = " Hubert.";
var str4 = str1.concat(str2, str3);
document.write(str4);
</script>

<script>
luckynumber = new Array();
for (var i=0; i<6; i++){
newnumber = Math.round(Math.random()*42 + 1);
//0;
newnumber = (newnumber.toString().length==1)?
"0"+newnumber : newnumber;
//;
if (luckynumber.join().indexOf(newnumber)==-1)
luckynumber[i] = newnumber;
else
i--;
}
document.write(luckynumber.join());
</script>
2-4
1.
ex.
2. (Lay out)
(built-in function)
isNaN()
Number()
parseInt()
parseFloat()
escape()
Unescape()
eval()
isNaN()

isNaN()
is Not a Number?
(true/false)
- isNaN
<Script>
var a = 10
var b = 'hubert'
var c = a + b
document.write("<li> a", isNaN(a) ,"<br>")
document.write("<li> b", isNaN(b) ,"<br>")
document.write("<li> c", isNaN(c))
</Script>
Number()

Number()
NaN
(Not a number)
parseInt()
parseInt(, [])
parseInt()
(2,8,10,16)
0
1.0x0X
16
2.08
3.10

<Script>
var a = 10;
var b = '20';
document.write("<li> a + b = ", a + b);
document.write("<li> a + b = ", a + Number(b));
document.write("<li> a + b = ", a.toString() + b);
</Script>

<Script>
var str = "32C";
document.write("'32C'");
document.write("<li> Number()", Number(str));
document.write("<li> parseInt() ", parseInt(str));
</Script>
parseFloat()
parseFloat()
escape()
ASCII
escape()
%xx
Unescape()
ASCIIISO Latin-1
Unescape(%)
%xx
eval()

eval()
- eval
<Script>
var a = 10;
var b = '20;
document.write("<li> a + b = ", a + b, "<br>");
document.write("<li> a + b = ", a + eval(b), "<br>");
document.write("<li> a + b = ", a.toString() + b);
</Script>
JavaScript
(event)
Script
HTML 4.01
(event handlers)
()

Abort
Blur
Change
Click
DblClick
DragDrop
Error
Focus
Load
KeyPress
KeyDown
KeyUp
MouseDown
MouseUp
MouseOver
MouseOut
MouseMove
Resize
Reset
Select
Submit
Unload

onAbort
onBlur
onChange
onClick
onDblClick
onDragDrop
onError
onFocus
onLoad
onKeyPress
onKeyDown
onKeyUp
onMouseDown
onMouseUp
onMouseOver
onMouseOut
onMouseMove
onResize
onReset
onSelect
onSubmit
onUnload
onAbort
onBlur
(lose focus)
1. Blur
2.
3.
document , frame , text , textarea , select
onChange
text , textarea , select
onFocus
(gain focus)
1. focus
2.
3.
document , frame , text , textarea , select
-
<HTML>
<BODY onBlur="document.bgColor='blue'"
onFocus="document.bgColor='red'">
<FORM>
<INPUT TYPE=text
onBlur="alert('')">
</BODY>
</HTML>
onLoad
1.
2.
3.
window , document , frame , image
onUnload
()
window , document , frame , image
<Html>
<Body onLoad="alert('!')"
onUnload=alert("!")>
</Body>
</Html>
<script>
document.onLoad = alert(!)
</script>
onError
-
<Script>
function HandelError(img){
alert ("" + img.name + "\n...")
img.src = "error.gif"
}
</Script>
<IMG SRC="test.gif" NAME=Image1
onError="HandelError(this)">
onMouseDown
1. (checkbox radio
button)
2.
3.

<script>
function showMsg(){
if (event.button == 2)
alert("")
}
</script>
<body onMouseDown = showMsg()>

</body>
onMouseOut
1. (checkbox radio
button)
2.
3.
onMouseOver
()
1. (checkbox radio
button)
2.
3.

<Script>
function show(){
star.style.display = ''
}
function hidden(){
star.style.display = 'None'
}
</Script>
<font id=star style="display:None"> </font>
<font color=blue onMouseOver=show()
onMouseOut=hidden()></font>
-
<Html>
<Body>
<a href="http://www.seed.net.tw"
onMouseOver="alert('goto SeedNet!')">SeedNet</a>
<a href="http://www.hinet.net"
onMouseOver="alert('goto Hinet!')">Hinet</a>
<img src="seednet.gif"
onMouseOver="location='http://www.seed.net.tw'">
</Body>
</Html>
-
<Html>
<Body>
onMouseOver="status='goto SeedNet!';return true">SeedNet</a>
onMouseOver="status='goto HiNet!';return true">Hinet</a>
</Body>
</Html>
return true,
status
-
<Html>
<Body>
onMouseOver = " status= 'seednet!' ;return true "
onMouseOut ="status= ' ' ">SeedNet</a>
onMouseOver =" status= 'hinet!';return true "
onMouseOut ="status= ' ' ">Hinet</a>
</Body>
</Html>
2-5
1. seednet
2.
onClick
1. (checkbox radio
button)
2. (link)
3.
4. HTML (ex.body)

<FORM NAME="form1">
<INPUT TYPE="button" VALUE="...">
</FORM>
<Script>
function sayHello() {
alert("Hello! World")
}
document.form1.onclick = sayHello
</Script>

<script>
function turn(obj){
if(obj.direction=="left")
obj.direction = "right";
else
obj.direction = "left";
}
function changeto(what){
document.all.tags("marquee").item(0).behavior=what;
}
</script>
<marquee onmouseover="turn(this)">Hubert</marquee>
<input type="button" value="" onclick="changeto('scroll')">
<input type="button" value="" onclick="changeto('slide')">
<input type="button" value="" onclick="changeto('alternate')">
onDblClick
1. HTML

<H2>
<font face="arial"
onMouseOver=this.color='red'
onMouseOut=this.color='black'
onClick=location="http://www.seed.net.tw"
>Seednet</font><br>
<font face="arial"
onMouseOver=this.color='red'
onMouseOut=this.color='black'
onClick=location="http://www.hinet.net"
>Hinet</font>
</H2>

<Script>
function font1(x){
x.face = "arial black"
x.size = "4"
}
function font2(x){
x.face = "arial"
x.size = "3"
}
</Script>
()

<font face="arial"
onMouseOver=font1(this)
onMouseOut=font2(this)
onClick=location="http://www.seed.net.tw"
>Seednet</font><br>
<font face="arial"
onMouseOver=font1(this)
onMouseOut=font2(this)
onClick=location="http://www.hinet.net"
>Hinet</font>
onReset
(reset)
form
onSubmit
(submit)
form
-
<Html>
<Body>
<Form onReset ="alert('Reset')"
onSubmit="alert('Submit')">
<input type=reset>
<input type=submit>
<input type=button value="" onClick="alert('button')">
</Form>
</Body>
</Html>
CSS
<SCRIPT>
function mOver() {
document.all.tags("FONT").item(0).style.color = "red"
}
function mOut() {
document.all.tags("FONT").item(0).style.color = "black"
}
</SCRIPT>
<FONT onMouseOver="mOver()" onMouseOut="mOut()">
JavaScript</FONT>
<FONT onMouseOver="mOver()" onMouseOut="mOut()">
HUBERT</FONT>
CSS
<SCRIPT>
function mOver() {
document.all("a").style.color = "red"
}
function mOut() {
document.all("a").style.color = "black"
}
</SCRIPT>
<FONT ID="a" onMouseOver="mOver()" onMouseOut="mOut()">
JavaScript</FONT>
<FONT ID="b" onMouseOver="mOver()" onMouseOut="mOut()">
HUBERT</FONT>

Java Script

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Java Script

Diunggah oleh

Hak Cipta:

Format Tersedia

JavaScript

= new Array ([])

var a = new Array(7,3,6,5);

for (var i=0; i<3; i++) {

array & date

var str = "Hubert Yang";

text , textarea , select

document , frame , text , textarea , select

window , document , frame , image

window , document , frame , image

<body onMouseDown = showMsg()>

Anda mungkin juga menyukai