1. 文字檔改HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<title>第一支javaScript</title>
</head>
<body>
<h2>document.write用法</h2>
<Script type ="text/javascript">
document.write("Hello world!!");
</Script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<title>第一支javaScript</title>
</head>
<body>
<h2>document.write用法</h2>
<Script type ="text/javascript">
document.write("Hello world!!");
function myMsg(myObj){
alert("id 為: " + myObj.id);
}
</Script>
<input type="button" id="myButton" name="mybutton" value="送出" onclick="myMsg(this)">
</body>
</html>
<form action="#" method="post" class="demoForm" id="demoForm">
<fieldset>
<legend>Demo: Get Value of Selected</legend>
<p>Select a shipping method:</p>
<p>
<label><input type="radio" name="ship" value="A" checked />(A) Standard Ground</label>
<label><input type="radio" name="ship" value="B" /> (B)Second Day</label>
<label><input type="radio" name="ship" value="C" /> (c)Overnight</label>
<label><input type="radio" name="ship" value="D" /> (d)Pick up</label>
</p>
<p><button type="button" name="getVal">Get Value of Selected</button></p>
</fieldset>
</form>
<script type="text/javascript">
// to remove from global namespace
(function() {
function getRadioVal(form, name) {
var val;
var radios = form.elements[name];
for (var i=0, len=radios.length; i<len; i++) {
if ( radios[i].checked ) {
val = radios[i].value;
break;
}
}
return val;
}
document.forms['demoForm'].elements['getVal'].onclick = function() {
alert( 'The selected radio button\'s value is: ' + getRadioVal(this.form, 'ship') );
};
// disable submission of all forms on this page
for (var i=0, len=document.forms.length; i<len; i++) {
document.forms[i].onsubmit = function() { return false; };
}
}());
</script>
留言列表
