1 \u521b\u5efa\u811a\u672c\u5757<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: JavaScript code goes here
\n3: <\/script><\/p>\n
\n <\/p>\n
\n2 \u9690\u85cf\u811a\u672c\u4ee3\u7801<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: <!–
\n3: document.write(“Hello”);
\n4: \/\/ –>
\n5: <\/script><\/p>\n
\n <\/p>\n
\n\u5728\u4e0d\u652f\u6301JavaScript\u7684\u6d4f\u89c8\u5668\u4e2d\u5c06\u4e0d\u6267\u884c\u76f8\u5173\u4ee3\u7801<\/p>\n
\n <\/p>\n
3 \u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u7684\u65f6\u5019\u663e\u793a<\/p>\n
\n <\/p>\n
1: <noscript>
\n2: Hello to the non-JavaScript browser.
\n3: <\/noscript><\/p>\n
\n <\/p>\n
\n4 \u94fe\u63a5\u5916\u90e8\u811a\u672c\u6587\u4ef6<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript” src="\/”filename.js"”><\/script><\/p>\n
\n <\/p>\n
\n5 \u6ce8\u91ca\u811a\u672c<\/p>\n
\n <\/p>\n
1: \/\/ This is a comment
\n2: document.write(“Hello”); \/\/ This is a comment
\n3: \/*
\n4: All of this
\n5: is a comment
\n6: *\/<\/p>\n
\n <\/p>\n
\n6 \u8f93\u51fa\u5230\u6d4f\u89c8\u5668<\/p>\n
\n <\/p>\n
1: document.write(“<strong>Hello<\/strong>”);<\/p>\n
\n <\/p>\n
\n7 \u5b9a\u4e49\u53d8\u91cf<\/p>\n
\n <\/p>\n
1: var myVariable = “some value”;<\/p>\n
\n <\/p>\n
\n8 \u5b57\u7b26\u4e32\u76f8\u52a0<\/p>\n
\n <\/p>\n
1: var myString = “String1” + “String2”;<\/p>\n
\n <\/p>\n
\n9 \u5b57\u7b26\u4e32\u641c\u7d22<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: <!–
\n3: var myVariable = “Hello there”;
\n4: var therePlace = myVariable.search(“there”);
\n5: document.write(therePlace);
\n6: \/\/ –>
\n7: <\/script><\/p>\n
\n <\/p>\n
\n10 \u5b57\u7b26\u4e32\u66ff\u6362<\/p>\n
\n <\/p>\n
1: thisVar.replace(“Monday”,”Friday”);<\/p>\n
\n <\/p>\n
\n11 \u683c\u5f0f\u5316\u5b57\u4e32<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: <!–
\n3: var myVariable = “Hello there”;
\n4: document.write(myVariable.big() + “<br>”);
\n5: document.write(myVariable.blink() + “<br>”);
\n6: document.write(myVariable.bold() + “<br>”);
\n7: document.write(myVariable.fixed() + “<br>”);
\n8: document.write(myVariable.fontcolor(“red”) + “<br>”);
\n9: document.write(myVariable.fontsize(“18pt”) + “<br>”);
\n10: document.write(myVariable.italics() + “<br>”);
\n11: document.write(myVariable.small() + “<br>”);
\n12: document.write(myVariable.strike() + “<br>”);
\n13: document.write(myVariable.sub() + “<br>”);
\n14: document.write(myVariable.sup() + “<br>”);
\n15: document.write(myVariable.toLowerCase() + “<br>”);
\n16: document.write(myVariable.toUpperCase() + “<br>”);
\n17:
\n18: var firstString = “My String”;
\n19: var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
\n20: \/\/ –>
\n21: <\/script><\/p>\n
\n <\/p>\n
\n12 \u521b\u5efa\u6570\u7ec4<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: <!–
\n3: var myArray = new Array(5);
\n4: myArray[0] = “First Entry”;
\n5: myArray[1] = “Second Entry”;
\n6: myArray[2] = “Third Entry”;
\n7: myArray[3] = “Fourth Entry”;
\n8: myArray[4] = “Fifth Entry”;
\n9: var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
\n10: \/\/ –>
\n11: <\/script><\/p>\n
\n <\/p>\n
\n13 \u6570\u7ec4\u6392\u5e8f<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: <!–
\n3: var myArray = new Array(5);
\n4: myArray[0] = “z”;
\n5: myArray[1] = “c”;
\n6: myArray[2] = “d”;
\n7: myArray[3] = “a”;
\n8: myArray[4] = “q”;
\n9: document.write(myArray.sort());
\n10: \/\/ –>
\n11: <\/script><\/p>\n
\n <\/p>\n
\n14 \u5206\u5272\u5b57\u7b26\u4e32<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: <!–
\n3: var myVariable = “a,b,c,d”;
\n4: var stringArray = myVariable.split(“,”);
\n5: document.write(stringArray[0]);
\n6: document.write(stringArray[1]);
\n7: document.write(stringArray[2]);
\n8: document.write(stringArray[3]);
\n9: \/\/ –>
\n10: <\/script><\/p>\n
\n <\/p>\n
\n15 \u5f39\u51fa\u8b66\u544a\u4fe1\u606f<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: <!–
\n3: window.alert(“Hello”);
\n4: \/\/ –>
\n5: <\/script><\/p>\n
\n <\/p>\n
\n16 \u5f39\u51fa\u786e\u8ba4\u6846<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: <!–
\n3: var result = window.confirm(“Click OK to continue”);
\n4: \/\/ –>
\n5: <\/script><\/p>\n
\n <\/p>\n
\n17 \u5b9a\u4e49\u51fd\u6570<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: <!–
\n3: function multiple(number1,number2) {
\n4: var result = number1 * number2;
\n5: return result;
\n6: }
\n7: \/\/ –>
\n8: <\/script><\/p>\n
\n <\/p>\n
\n18 \u8c03\u7528JS\u51fd\u6570<\/p>\n
\n <\/p>\n
1: <a href=”#” onClick=”functionName()”>Link text<\/a>
\n2: <a href="\/”javascript:functionName"()”>Link text<\/a><\/p>\n
\n <\/p>\n
\n19 \u5728\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u6267\u884c\u51fd\u6570<\/p>\n
\n <\/p>\n
1: <body onLoad=”functionName();”>
\n2: Body of the page
\n3: <\/body><\/p>\n
\n <\/p>\n
\n20 \u6761\u4ef6\u5224\u65ad<\/p>\n
\n <\/p>\n
1: <script>
\n2: <!–
\n3: var userChoice = window.confirm(“Choose OK or Cancel”);
\n4: var result = (userChoice == true) ? “OK” : “Cancel”;
\n5: document.write(result);
\n6: \/\/ –>
\n7: <\/script><\/p>\n
\n <\/p>\n
\n21 \u6307\u5b9a\u6b21\u6570\u5faa\u73af<\/p>\n
\n <\/p>\n
1: <script>
\n2: <!–
\n3: var myArray = new Array(3);
\n4: myArray[0] = “Item 0”;
\n5: myArray[1] = “Item 1”;
\n6: myArray[2] = “Item 2”;
\n7: for (i = 0; i < myArray.length; i++) {
\n8: document.write(myArray[i] + “<br>”);
\n9: }
\n10: \/\/ –>
\n11: <\/script><\/p>\n
\n <\/p>\n
\n22 \u8bbe\u5b9a\u5c06\u6765\u6267\u884c<\/p>\n
\n <\/p>\n
1: <script>
\n2: <!–
\n3: function hello() {
\n4: window.alert(“Hello”);
\n5: }
\n6: window.setTimeout(“hello()”,5000);
\n7: \/\/ –>
\n8: <\/script><\/p>\n
\n <\/p>\n
\n23 \u5b9a\u65f6\u6267\u884c\u51fd\u6570<\/p>\n
\n <\/p>\n
1: <script>
\n2: <!–
\n3: function hello() {
\n4: window.alert(“Hello”);
\n5: window.setTimeout(“hello()”,5000);
\n6: }
\n7: window.setTimeout(“hello()”,5000);
\n8: \/\/ –>
\n9: <\/script><\/p>\n
\n <\/p>\n
\n24 \u53d6\u6d88\u5b9a\u65f6\u6267\u884c<\/p>\n
\n <\/p>\n
1: <script>
\n2: <!–
\n3: function hello() {
\n4: window.alert(“Hello”);
\n5: }
\n6: var myTimeout = window.setTimeout(“hello()”,5000);
\n7: window.clearTimeout(myTimeout);
\n8: \/\/ –>
\n9: <\/script><\/p>\n
\n <\/p>\n
\n25 \u5728\u9875\u9762\u5378\u8f7d\u65f6\u5019\u6267\u884c\u51fd\u6570<\/p>\n
\n <\/p>\n
1: <body onUnload=”functionName();”>
\n2: Body of the page
\n3: <\/body><\/p>\n
\n <\/p>\n
JavaScript\u5c31\u8fd9\u4e48\u56de\u4e8b2\uff1a\u6d4f\u89c8\u5668\u8f93\u51fa<\/p>\n
\n <\/p>\n
\n26 \u8bbf\u95eedocument\u5bf9\u8c61<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var myURL = document.URL;
\n3: window.alert(myURL);
\n4: <\/script><\/p>\n
\n <\/p>\n
\n27 \u52a8\u6001\u8f93\u51faHTML<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: document.write(“<p>Here’s some information about this document:<\/p>”);
\n3: document.write(“<ul>”);
\n4: document.write(“<li>Referring Document: “ + document.referrer + “<\/li>”);
\n5: document.write(“<li>Domain: “ + document.domain + “<\/li>”);
\n6: document.write(“<li>URL: “ + document.URL + “<\/li>”);
\n7: document.write(“<\/ul>”);
\n8: <\/script><\/p>\n
\n <\/p>\n
\n28 \u8f93\u51fa\u6362\u884c<\/p>\n
\n <\/p>\n
1: document.writeln(“<strong>a<\/strong>”);
\n2: document.writeln(“b”);<\/p>\n
\n <\/p>\n
\n29 \u8f93\u51fa\u65e5\u671f<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var thisDate = new Date();
\n3: document.write(thisDate.toString());
\n4: <\/script><\/p>\n
\n <\/p>\n
\n30 \u6307\u5b9a\u65e5\u671f\u7684\u65f6\u533a<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var myOffset = -2;
\n3: var currentDate = new Date();
\n4: var userOffset = currentDate.getTimezoneOffset()\/60;
\n5: var timeZoneDifference = userOffset – myOffset;
\n6: currentDate.setHours(currentDate.getHours() + timeZoneDifference);
\n7: document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString());
\n8: <\/script><\/p>\n
\n <\/p>\n
\n31 \u8bbe\u7f6e\u65e5\u671f\u8f93\u51fa\u683c\u5f0f<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var thisDate = new Date();
\n3: var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes();
\n4: var thisDateString = thisDate.getFullYear() + “\/” + thisDate.getMonth() + “\/” + thisDate.getDate();
\n5: document.write(thisTimeString + “ on “ + thisDateString);
\n6: <\/script><\/p>\n
\n <\/p>\n
\n32 \u8bfb\u53d6URL\u53c2\u6570<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var urlParts = document.URL.split(“?”);
\n3: var parameterParts = urlParts[1].split(“&”);
\n4: for (i = 0; i < parameterParts.length; i++) {
\n5: var pairParts = parameterParts[i].split(“=”);
\n6: var pairName = pairParts[0];
\n7: var pairValue = pairParts[1];
\n8: document.write(pairName + “ \uff1a“ +pairValue );
\n9: }
\n10: <\/script><\/p>\n
\n <\/p>\n
\u4f60\u8fd8\u4ee5\u4e3aHTML\u662f\u65e0\u72b6\u6001\u7684\u4e48\uff1f<\/p>\n
\n <\/p>\n
33 \u6253\u5f00\u4e00\u4e2a\u65b0\u7684document\u5bf9\u8c61<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: function newDocument() {
\n3: document.open();
\n4: document.write(“<p>This is a New Document.<\/p>”);
\n5: document.close();
\n6: }
\n7: <\/script><\/p>\n
\n <\/p>\n
\n34 \u9875\u9762\u8df3\u8f6c<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: window.location = “http:\/\/www.liu21st.com\/”;
\n3: <\/script><\/p>\n
\n <\/p>\n
\n35 \u6dfb\u52a0\u7f51\u9875\u52a0\u8f7d\u8fdb\u5ea6\u7a97\u53e3<\/p>\n
\n <\/p>\n
1: <html>
\n2: <head>
\n3: <script language=’javaScript’>
\n4: var placeHolder = window.open(‘holder.html’,’placeholder’,’width=200,height=200′);
\n5: <\/script>
\n6: <title>The Main Page<\/title>
\n7: <\/head>
\n8: <body onLoad=’placeHolder.close()’>
\n9: <p>This is the main page<\/p>
\n10: <\/body>
\n11: <\/html><\/p>\n
\n <\/p>\n
\nJavaScript\u5c31\u8fd9\u4e48\u56de\u4e8b3\uff1a\u56fe\u50cf<\/p>\n
\n <\/p>\n
\n36 \u8bfb\u53d6\u56fe\u50cf\u5c5e\u6027<\/p>\n
\n <\/p>\n
1: <img src="\/”image1.jpg"” name=”myImage”>
\n2: <a href=”# ” onClick=”window.alert(document.myImage.width)”>Width<\/a>
\n3:<\/p>\n
\n <\/p>\n
\n37 \u52a8\u6001\u52a0\u8f7d\u56fe\u50cf<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: myImage = new Image;
\n3: myImage.src = “Tellers1.jpg”;
\n4: <\/script><\/p>\n
\n <\/p>\n
\n38 \u7b80\u5355\u7684\u56fe\u50cf\u66ff\u6362<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: rollImage = new Image;
\n3: rollImage.src = “rollImage1.jpg”;
\n4: defaultImage = new Image;
\n5: defaultImage.src = “image1.jpg”;
\n6: <\/script>
\n7: <a href="\/”myUrl"” onMouseOver=”document.myImage.src = rollImage.src;”
\n8: onMouseOut=”document.myImage.src = defaultImage.src;”>
\n9: <img src="\/”image1.jpg"” name=”myImage” width=100 height=100 border=0><\/p>\n
\n <\/p>\n
\n39 \u968f\u673a\u663e\u793a\u56fe\u50cf<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var imageList = new Array;
\n3: imageList[0] = “image1.jpg”;
\n4: imageList[1] = “image2.jpg”;
\n5: imageList[2] = “image3.jpg”;
\n6: imageList[3] = “image4.jpg”;
\n7: var imageChoice = Math.floor(Math.random() * imageList.length);
\n8: document.write(‘<img src=”’ + imageList[imageChoice] + ‘“>’);
\n9: <\/script><\/p>\n
\n <\/p>\n
\n40 \u51fd\u6570\u5b9e\u73b0\u7684\u56fe\u50cf\u66ff\u6362<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var source = 0;
\n3: var replacement = 1;
\n4: function createRollOver(originalImage,replacementImage) {
\n5: var imageArray = new Array;
\n6: imageArray[source] = new Image;
\n7: imageArray[source].src = originalImage;
\n8: imageArray[replacement] = new Image;
\n9: imageArray[replacement].src = replacementImage;
\n10: return imageArray;
\n11: }
\n12: var rollImage1 = createRollOver(“image1.jpg”,”rollImage1.jpg”);
\n13: <\/script>
\n14: <a href=”#” onMouseOver=”document.myImage1.src = rollImage1[replacement].src;”
\n15: onMouseOut=”document.myImage1.src = rollImage1[source].src;”>
\n16: <img src="\/”image1.jpg"” width=100 name=”myImage1” border=0>
\n17: <\/a><\/p>\n
\n <\/p>\n
\n41 \u521b\u5efa\u5e7b\u706f\u7247<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var imageList = new Array;
\n3: imageList[0] = new Image;
\n4: imageList[0].src = “image1.jpg”;
\n5: imageList[1] = new Image;
\n6: imageList[1].src = “image2.jpg”;
\n7: imageList[2] = new Image;
\n8: imageList[2].src = “image3.jpg”;
\n9: imageList[3] = new Image;
\n10: imageList[3].src = “image4.jpg”;
\n11: function slideShow(imageNumber) {
\n12: document.slideShow.src = imageList[imageNumber].src;
\n13: imageNumber += 1;
\n14: if (imageNumber < imageList.length) {
\n15: window.setTimeout(“slideShow(“ + imageNumber + “)”,3000);
\n16: }
\n17: }
\n18: <\/script>
\n19: <\/head>
\n20: <body onLoad=”slideShow(0)”>
\n21: <img src="\/”image1.jpg"” width=100 name=”slideShow”><\/p>\n
\n <\/p>\n
\n42 \u968f\u673a\u5e7f\u544a\u56fe\u7247<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var imageList = new Array;
\n3: imageList[0] = “image1.jpg”;
\n4: imageList[1] = “image2.jpg”;
\n5: imageList[2] = “image3.jpg”;
\n6: imageList[3] = “image4.jpg”;
\n7: var urlList = new Array;
\n8: urlList[0] = “http:\/\/some.xiaoyebailong.com\/”;
\n9: urlList[1] = “http:\/\/another.xiaoyebailong.com\/”;
\n10: urlList[2] = “http:\/\/somewhere.else\/”;
\n11: urlList[3] = “http:\/\/right.here\/”;
\n12: var imageChoice = Math.floor(Math.random() * imageList.length);
\n13: document.write(‘<a href=”’ + urlList[imageChoice] + ‘“><img src=”’ + imageList[imageChoice] + ‘“><\/a>’);
\n14: <\/script><\/p>\n
\n <\/p>\n
JavaScript\u5c31\u8fd9\u4e48\u56de\u4e8b4\uff1a\u8868\u5355<\/p>\n
\n <\/p>\n
\n\u8fd8\u662f\u5148\u7ee7\u7eed\u5199\u5b8cJS\u5c31\u8fd9\u4e48\u56de\u4e8b\u7cfb\u5217\u5427\uff5e
\n43 \u8868\u5355\u6784\u6210<\/p>\n
\n <\/p>\n
1: <form method=”post” action=”target.html” name=”thisForm”>
\n2: <input type=”text” name=”myText”>
\n3: <select name=”mySelect”>
\n4: <option value=”1”>First Choice<\/option>
\n5: <option value=”2”>Second Choice<\/option>
\n6: <\/select>
\n7: <br>
\n8: <input type=”submit” value=”Submit Me”>
\n9: <\/form><\/p>\n
\n <\/p>\n
\n44 \u8bbf\u95ee\u8868\u5355\u4e2d\u7684\u6587\u672c\u6846\u5185\u5bb9<\/p>\n
\n <\/p>\n
1: <form name=”myForm”>
\n2: <input type=”text” name=”myText”>
\n3: <\/form>
\n4: <a href=’#’ onClick=’window.alert(document.myForm.myText.value);’>Check Text Field<\/a><\/p>\n
\n <\/p>\n
\n45 \u52a8\u6001\u590d\u5236\u6587\u672c\u6846\u5185\u5bb9<\/p>\n
\n <\/p>\n
1: <form name=”myForm”>
\n2: Enter some Text: <input type=”text” name=”myText”><br>
\n3: Copy Text: <input type=”text” name=”copyText”>
\n4: <\/form>
\n5: <a href=”#” onClick=”document.myForm.copyText.value =
\n6: document.myForm.myText.value;”>Copy Text Field<\/a><\/p>\n
\n <\/p>\n
\n46 \u4fa6\u6d4b\u6587\u672c\u6846\u7684\u53d8\u5316<\/p>\n
\n <\/p>\n
1: <form name=”myForm”>
\n2: Enter some Text: <input type=”text” name=”myText” onChange=”alert(this.value);”>
\n3: <\/form><\/p>\n
\n <\/p>\n
\n47 \u8bbf\u95ee\u9009\u4e2d\u7684Select<\/p>\n
\n <\/p>\n
1: <form name=”myForm”>
\n2: <select name=”mySelect”>
\n3: <option value=”First Choice”>1<\/option>
\n4: <option value=”Second Choice”>2<\/option>
\n5: <option value=”Third Choice”>3<\/option>
\n6: <\/select>
\n7: <\/form>
\n8: <a href=’#’ onClick=’alert(document.myForm.mySelect.value);’>Check Selection List<\/a><\/p>\n
\n <\/p>\n
\n48 \u52a8\u6001\u589e\u52a0Select\u9879<\/p>\n
\n <\/p>\n
1: <form name=”myForm”>
\n2: <select name=”mySelect”>
\n3: <option value=”First Choice”>1<\/option>
\n4: <option value=”Second Choice”>2<\/option>
\n5: <\/select>
\n6: <\/form>
\n7: <script language=”JavaScript”>
\n8: document.myForm.mySelect.length++;
\n9: document.myForm.mySelect.options[document.myForm.mySelect.length – 1].text = “3”;
\n10: document.myForm.mySelect.options[document.myForm.mySelect.length – 1].value = “Third Choice”;
\n11: <\/script><\/p>\n
\n <\/p>\n
\n49 \u9a8c\u8bc1\u8868\u5355\u5b57\u6bb5<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: function checkField(field) {
\n3: if (field.value == “”) {
\n4: window.alert(“You must enter a value in the field”);
\n5: field.focus();
\n6: }
\n7: }
\n8: <\/script>
\n9: <form name=”myForm” action=”target.html”>
\n10: Text Field: <input type=”text” name=”myField”onBlur=”checkField(this)”>
\n11: <br><input type=”submit”>
\n12: <\/form><\/p>\n
\n <\/p>\n
\n50 \u9a8c\u8bc1Select\u9879<\/p>\n
\n <\/p>\n
1: function checkList(selection) {
\n2: if (selection.length == 0) {
\n3: window.alert(“You must make a selection from the list.”);
\n4: return false;
\n5: }
\n6: return true;
\n7: }<\/p>\n
\n <\/p>\n
\n51 \u52a8\u6001\u6539\u53d8\u8868\u5355\u7684action<\/p>\n
\n <\/p>\n
1: <form name=”myForm” action=”login.html”>
\n2: Username: <input type=”text” name=”username”><br>
\n3: Password: <input type=”password” name=”password”><br>
\n4: <input type=”button” value=”Login” onClick=”this.form.submit();”>
\n5: <input type=”button” value=”Register” onClick=”this.form.action = ‘register.html’; this.form.submit();”>
\n6: <input type=”button” value=”Retrieve Password” onClick=”this.form.action = ‘password.html’; this.form.submit();”>
\n7: <\/form><\/p>\n
\n <\/p>\n
\n52 \u4f7f\u7528\u56fe\u50cf\u6309\u94ae<\/p>\n
\n <\/p>\n
1: <form name=”myForm” action=”login.html”>
\n2: Username: <input type=”text” name=”username”><br>
\n3: Password: <input type=”password”name=”password”><br>
\n4: <input type=”image” src="\/”login.gif"” value=”Login”>
\n5: <\/form>
\n6:<\/p>\n
\n <\/p>\n
\n53 \u8868\u5355\u6570\u636e\u7684\u52a0\u5bc6<\/p>\n
\n <\/p>\n
1: <SCRIPT LANGUAGE=’JavaScript’>
\n2: <!–
\n3: function encrypt(item) {
\n4: var newItem = ”;
\n5: for (i=0; i < item.length; i++) {
\n6: newItem += item.charCodeAt(i) + ‘.’;
\n7: }
\n8: return newItem;
\n9: }
\n10: function encryptForm(myForm) {
\n11: for (i=0; i < myForm.elements.length; i++) {
\n12: myForm.elements[i].value = encrypt(myForm.elements[i].value);
\n13: }
\n14: }
\n15:
\n16: \/\/–>
\n17: <\/SCRIPT>
\n18: <form name=’myForm’ onSubmit=’encryptForm(this); window.alert(this.myField.value);’>
\n19: Enter Some Text: <input type=text name=myField><input type=submit>
\n20: <\/form><\/p>\n
\n <\/p>\n
\nJavaScript\u5c31\u8fd9\u4e48\u56de\u4e8b5\uff1a\u7a97\u53e3\u548c\u6846\u67b6<\/p>\n
\n <\/p>\n
\n54 \u6539\u53d8\u6d4f\u89c8\u5668\u72b6\u6001\u680f\u6587\u5b57\u63d0\u793a<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: window.status = “A new status message”;
\n3: <\/script><\/p>\n
\n <\/p>\n
\n55 \u5f39\u51fa\u786e\u8ba4\u63d0\u793a\u6846<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var userChoice = window.confirm(“Click OK or Cancel”);
\n3: if (userChoice) {
\n4: document.write(“You chose OK”);
\n5: } else {
\n6: document.write(“You chose Cancel”);
\n7: }
\n8: <\/script><\/p>\n
\n <\/p>\n
\n56 \u63d0\u793a\u8f93\u5165<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var userName = window.prompt(“Please Enter Your Name”,”Enter Your Name Here”);
\n3: document.write(“Your Name is “ + userName);
\n4: <\/script><\/p>\n
\n <\/p>\n
\n57 \u6253\u5f00\u4e00\u4e2a\u65b0\u7a97\u53e3<\/p>\n
\n <\/p>\n
1: \/\/\u6253\u5f00\u4e00\u4e2a\u540d\u79f0\u4e3amyNewWindow\u7684\u6d4f\u89c8\u5668\u65b0\u7a97\u53e3
\n2: <script language=”JavaScript”>
\n3: window.open(“http:\/\/www.liu21st.com\/”,”myNewWindow”);
\n4: <\/script><\/p>\n
\n <\/p>\n
\n58 \u8bbe\u7f6e\u65b0\u7a97\u53e3\u7684\u5927\u5c0f<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: window.open(“http:\/\/www.liu21st.com\/”,”myNewWindow”,’height=300,width=300′);
\n3: <\/script><\/p>\n
\n <\/p>\n
\n59 \u8bbe\u7f6e\u65b0\u7a97\u53e3\u7684\u4f4d\u7f6e<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: window.open(“http:\/\/www.liu21st.com\/”,”myNewWindow”,’height=300,width=300,left=200,screenX=200,top=100,screenY=100′);
\n3: <\/script><\/p>\n
\n <\/p>\n
\n60 \u662f\u5426\u663e\u793a\u5de5\u5177\u680f\u548c\u6eda\u52a8\u680f<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: window.open(“http:<\/p>\n
\n <\/p>\n
\n61 \u662f\u5426\u53ef\u4ee5\u7f29\u653e\u65b0\u7a97\u53e3\u7684\u5927\u5c0f<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: window.open(‘http:\/\/www.liu21st.com\/’ , ‘myNewWindow’, ‘resizable=yes’ );<\/script><\/p>\n
\n <\/p>\n
\n62 \u52a0\u8f7d\u4e00\u4e2a\u65b0\u7684\u6587\u6863\u5230\u5f53\u524d\u7a97\u53e3<\/p>\n
\n <\/p>\n
1: <a href=’#’ onClick=’document.location = ‘125a.html’;’ >Open New Document<\/a><\/p>\n
\n <\/p>\n
\n63 \u8bbe\u7f6e\u9875\u9762\u7684\u6eda\u52a8\u4f4d\u7f6e<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: if (document.all) { \/\/\u5982\u679c\u662fIE\u6d4f\u89c8\u5668\u5219\u4f7f\u7528scrollTop\u5c5e\u6027
\n3: document.body.scrollTop = 200;
\n4: } else { \/\/\u5982\u679c\u662fNetScape\u6d4f\u89c8\u5668\u5219\u4f7f\u7528pageYOffset\u5c5e\u6027
\n5: window.pageYOffset = 200;
\n6: }<\/script><\/p>\n
\n <\/p>\n
\n64 \u5728IE\u4e2d\u6253\u5f00\u5168\u5c4f\u7a97\u53e3<\/p>\n
\n <\/p>\n
1: <a href=’#’ onClick=”window.open(‘http:\/\/www.juxta.com\/’,’newWindow’,’fullScreen=yes’);”>Open a full-screen window<\/a><\/p>\n
\n <\/p>\n
\n65 \u65b0\u7a97\u53e3\u548c\u7236\u7a97\u53e3\u7684\u64cd\u4f5c<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: \/\/\u5b9a\u4e49\u65b0\u7a97\u53e3
\n3: var newWindow = window.open(“128a.html”,”newWindow”);
\n4: newWindow.close(); \/\/\u5728\u7236\u7a97\u53e3\u4e2d\u5173\u95ed\u6253\u5f00\u7684\u65b0\u7a97\u53e3
\n5: <\/script>
\n6: \u5728\u65b0\u7a97\u53e3\u4e2d\u5173\u95ed\u7236\u7a97\u53e3
\n7: window.opener.close()<\/p>\n
\n <\/p>\n
\n66 \u5f80\u65b0\u7a97\u53e3\u4e2d\u5199\u5185\u5bb9<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var newWindow = window.open(“”,”newWindow”);
\n3: newWindow.document.open();
\n4: newWindow.document.write(“This is a new window”);
\n5: newWIndow.document.close();
\n6: <\/script><\/p>\n
\n <\/p>\n
\n67 \u52a0\u8f7d\u9875\u9762\u5230\u6846\u67b6\u9875\u9762<\/p>\n
\n <\/p>\n
1: <frameset cols=”50%,*”>
\n2: <frame name=”frame1” src="\/”135a.html"”>
\n3: <frame name=”frame2” src="\/”about:blank"”>
\n4: <\/frameset>
\n5: \u5728frame1\u4e2d\u52a0\u8f7dframe2\u4e2d\u7684\u9875\u9762
\n6: parent.frame2.document.location = “135b.html”;<\/p>\n
\n <\/p>\n
\n68 \u5728\u6846\u67b6\u9875\u9762\u4e4b\u95f4\u5171\u4eab\u811a\u672c
\n\u5982\u679c\u5728frame1\u4e2dhtml\u6587\u4ef6\u4e2d\u6709\u4e2a\u811a\u672c<\/p>\n
\n <\/p>\n
1: function doAlert() {
\n2: window.alert(“Frame 1 is loaded”);
\n3: }<\/p>\n
\n <\/p>\n
\u90a3\u4e48\u5728frame2\u4e2d\u53ef\u4ee5\u5982\u6b64\u8c03\u7528\u8be5\u65b9\u6cd5<\/p>\n
\n <\/p>\n
1: <body onLoad=”parent.frame1.doAlert();”>
\n2: This is frame 2.
\n3: <\/body><\/p>\n
\n <\/p>\n
\n69 \u6570\u636e\u516c\u7528
\n\u53ef\u4ee5\u5728\u6846\u67b6\u9875\u9762\u5b9a\u4e49\u6570\u636e\u9879\uff0c\u4f7f\u5f97\u8be5\u6570\u636e\u53ef\u4ee5\u88ab\u591a\u4e2a\u6846\u67b6\u4e2d\u7684\u9875\u9762\u516c\u7528<\/p>\n
\n <\/p>\n
1: <script language=”JavaScript”>
\n2: var persistentVariable = “This is a persistent value”;
\n3: <\/script>
\n4: <frameset cols=”50%,*”>
\n5: <frame name=”frame1” src="\/”138a.html"”>
\n6: <frame name=”frame2” src="\/”138b.html"”>
\n7: <\/frameset><\/p>\n
\n <\/p>\n
\n\u8fd9\u6837\u5728frame1\u548cframe2\u4e2d\u90fd\u53ef\u4ee5\u4f7f\u7528\u53d8\u91cfpersistentVariable
\n70 \u6846\u67b6\u4ee3\u7801\u5e93
\n\u6839\u636e\u4ee5\u4e0a\u7684\u4e00\u4e9b\u601d\u8def\uff0c\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528\u4e00\u4e2a\u9690\u85cf\u7684\u6846\u67b6\u9875\u9762\u6765\u4f5c\u4e3a\u6574\u4e2a\u6846\u67b6\u96c6\u7684\u4ee3\u7801\u5e93<\/p>\n
\n <\/p>\n
1: <frameset cols=”0,50%,*”>
\n2: <frame name=”codeFrame” src="\/”140code.html"”>
\n3: <frame name=”frame1” src="\/”140a.html"”>
\n4: <frame name=”frame2” src="\/”140b.html"”>
\n5: <\/frameset><\/p>\n","protected":false},"excerpt":{"rendered":"
1 \u521b\u5efa\u811a\u672c\u5757 1: <script language=”JavaScript”> 2: JavaScript code goes here 3: <\/script>  …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"topic":[],"class_list":["post-679","post","type-post","status-publish","format-standard","hentry","category-technology"],"_links":{"self":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/comments?post=679"}],"version-history":[{"count":1,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/679\/revisions"}],"predecessor-version":[{"id":66525,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/679\/revisions\/66525"}],"wp:attachment":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/media?parent=679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/categories?post=679"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/tags?post=679"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/topic?post=679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}