<html>
<head>
<!--Content-Type為用來設定網頁編碼，指定網頁為utf-8形式，避免亂碼。-->
<meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" >
<script>
function func1(p1,p2)
{
return p1*p2;
}
</script>
<style type="text/css"> li{color:red} </style>
</head>
<body onload="showtime()">
<p> Creating a JavaScript Object. </p>
<p id="demo"> </p>
<p> Show something. </p>
<script>
var person = {firstName:"John",lastName:"Doe",age:50,eyecolor:"blue"};
window.alert(person.firstName+" is "+person.age+" year old");
</script>
<script>
for(i=1;i<=5;i++)
document.writeln("<font size="+i+">World!</font> <br>");
</script>
<a href="javascript:alert('Hello')"> Click </a> <br>
<button onclick="myfunc()"> Click </button> <br><br>
<script>
function myfunc()
{
alert("Hello World");
}
</script>
<INPUT name="pclog" type="button" value="巴哈姆特 GO!" onClick="location.href='">https://www.gamer.com.tw/'"> <br>
<!--直接跳轉script:
<script>
window.location.href = 'https://www.gamer.com.tw/';
</script> -->
<script>
var fruits = ["Banana","papaya","Apple"];
document.write(fruits+"<br>");
fruits.push("Kiwi");
document.write(fruits+"<br>");
document.write(fruits.pop()+"<br>");
document.write(fruits+"<br>");
</script>
<script>
var arr = new Array(3);
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
document.write(arr+"<br>");
arr.splice(2,0,"Obama"); <!-- 0表示新增-->
document.write(arr+"<br>");
arr.splice(2,1,"Mike");
document.write(arr+"<br>");
</script>
<script>
var str = "apple, papaya, kiwi";
document.write(str.substring(7,13)+"<br>"); <!-- 取索引7~12的字 -->
document.write(str.substr(7,13)+"<br>"); <!-- 從索引7開始，取13個字 -->
</script>
<script>
document.writeln(func1(7,4));
</script>
<!-- 類似python裡的 import，C/C++ 的include -->
<script src="list.js"> </script>
<script>
list("u","Benz","BMW","Audi");
list("o","toyota","honda");
</script>
<script>
var DATE = new Date();
document.write(DATE.getFullYear()+"年"+(DATE.getMonth()+1)+"月"+DATE.getDate()+"日 ");
function showtime()
{
var d = new Date();
var h = d.getHours();
var m = d.getMinutes();
var s = d.getSeconds();
document.getElementById("Girlsexy").innerHTML = h+'時'+m+'分'+s+'秒';
setTimeout("showtime()",1000);
}
</script>
<div id="Girlsexy"></div>
<hr>
<br>
<script>
std = new Object(); <!--自訂物件-->
std.name = "Amy";
std.age = "25";
test(std);
function test(obj)
{
for(var i in obj)
document.writeln(i+"="+obj[i]+"<br>");
}
</script>
<p id="demo1"> </p>
<button onclick = "func()"> Click </button>
<script>
function func()
{
document.getElementById("demo1").innerHTML = "Hello World";
}
</script>
<p id="demo2"> Click Button </p>
<button onclick="ChangeColor()"> Click </button>
<script>
function ChangeColor()
{
var x = document.getElementById("demo2");
x.style.color = "red";
}
</script>
<br>
<br>
<button onclick="Sexy()"> SEX!! </button>
<script>
function Sexy()
{
var btn = document.createElement("button");
var t = document.createTextNode("FUCK!!");
btn.appendChild(t);
document.body.appendChild(btn);
}
</script>
<br>
<script>
function exec()
{
var ul = document.getElementById("list");
var li = document.createElement("li");
var txt = document.createTextNode("Second");
li.appendChild(txt);
ul.appendChild(li);
}
</script>
<ul id="list">
<li> First
</ul>
<input type="button" name="Add" value="second" onclick="exec()">
</body>
</html>
list.js裡的內容-
function list (type)
{
document.write("<"+type+"l>");
for(var i=1;i<list.arguments.length;i++)
document.write("<li>"+list.arguments[i]);
document.write("</"+type+"l>");
}
