1、1 创建脚本块引用内容程序代码JavaScript 代码写在这里面2 隐藏脚本代码引用内容程序代码在不支持 JavaScript 的浏览器中将不执行相关代码3 浏览器不支持的时候显示引用内容程序代码Hello to the non-JavaScript browser.4 链接外部脚本文件引用内容程序代码5 注释脚本引用内容程序代码/ This is a commentdocument.write(“Hello”); / This is a comment/*All of thisis a comment*/6 输出到浏览器引用内容程序代码document.write(“Hello”);7 定
2、义变量引用内容程序代码var myVariable = “some value”;8 字符串相加引用内容程序代码var myString = “String1” + “String2”;9 字符串搜索引用内容程序代码10 字符串替换引用内容程序代码thisVar.replace(“Monday”,”Friday”);11 格式化字串引用内容程序代码”);document.write(myVariable.blink() + “”);document.write(myVariable.bold() + “”);document.write(myVariable.fixed() + “”);doc
3、ument.write(myVariable.fontcolor(“red”) + “”);document.write(myVariable.fontsize(“18pt”) + “”);document.write(myVariable.italics() + “”);document.write(myVariable.small() + “”);document.write(myVariable.strike() + “”);document.write(myVariable.sub() + “”);document.write(myVariable.sup() + “”);docume
4、nt.write(myVariable.toLowerCase() + “”);document.write(myVariable.toUpperCase() + “”);var firstString = “My String”;var finalString = firstString.bold().toLowerCase().fontcolor(“red”);/ 12 创建数组引用内容程序代码13 数组排序引用内容程序代码14 分割字符串引用内容程序代码15 弹出警告信息引用内容程序代码16 弹出确认框引用内容程序代码17 自定义函数引用内容程序代码18 调用 JS 函数引用内容程序代码
5、Link textLink text19 在页面加载完成后执行函数引用内容程序代码Body of the page20 条件判断引用内容程序代码21 指定次数循环引用内容程序代码”);/ 22 设定将来执行引用内容程序代码23 定时执行函数引用内容程序代码24 取消定时执行引用内容程序代码25 在页面卸载时候执行函数引用内容程序代码Body of the pageJavaScript 就这么回事 2：浏览器输出26 访问 document 对象引用内容程序代码var myURL = document.URL;window.alert(myURL);27 动态输出 HTML引用内容程序代码doc
6、ument.write(“Heres some information about this document:”);document.write(“”);document.write(“Referring Document: “ + document.referrer + “”);document.write(“Domain: “ + document.domain + “”);document.write(“URL: “ + document.URL + “”);document.write(“”);28 输出换行引用内容程序代码document.writeln(“a”);document
7、.writeln(“b”);29 输出日期引用内容程序代码var thisDate = new Date();document.write(thisDate.toString();30 指定日期的时区引用内容程序代码var myOffset = -2;var currentDate = new Date();var userOffset = currentDate.getTimezoneOffset()/60;var timeZoneDifference = userOffset - myOffset;currentDate.setHours(currentDate.getHours() +
8、timeZoneDifference);document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString();31 设置日期输出格式引用内容程序代码var thisDate = new Date();var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes();var thisDateString = thisDate.getFullYear() + “/” + thisDate.getMonth() + “
9、/” + thisDate.getDate();document.write(thisTimeString + “ on “ + thisDateString);32 读取 URL 参数引用内容程序代码var urlParts = document.URL.split(“?”);var parameterParts = urlParts1.split(“for (i = 0; i 你还以为 HTML 是无状态的么？33 打开一个新的 document 对象引用内容程序代码function newDocument() document.open();document.write(“This is
10、 a New Document.”);document.close();34 页面跳转引用内容程序代码window.location = “http:/www.x- 添加网页加载进度窗口引用内容程序代码var placeHolder = window.open(holder.html,placeholder,width=200,height=200);The Main PageThis is the main pageJavaScript 就这么回事 3：图像36 读取图像属性引用内容程序代码Width37 动态加载图像引用内容程序代码myImage = new Image;myImage.s
11、rc = “Tellers1.jpg”;38 简单的图像替换引用内容程序代码rollImage = new Image;rollImage.src = “rollImage1.jpg”;defaultImage = new Image;defaultImage.src = “image1.jpg”;39 随机显示图像引用内容程序代码var imageList = new Array;imageList0 = “image1.jpg”;imageList1 = “image2.jpg”;imageList2 = “image3.jpg”;imageList3 = “image4.jpg”;var
12、 imageChoice = Math.floor(Math.random() * imageList.length);document.write();40 函数实现的图像替换引用内容程序代码var source = 0;var replacement = 1;function createRollOver(originalImage,replacementImage) var imageArray = new Array;imageArraysource = new Image;imageArraysource.src = originalImage;imageArrayreplaceme
13、nt = new Image;imageArrayreplacement.src = replacementImage;return imageArray;var rollImage = createRollOver(“image1.jpg”,”rollImage1.jpg”);41 创建幻灯片引用内容程序代码var imageList = new Array;imageList0 = new Image;imageList0.src = “image1.jpg”;imageList1 = new Image;imageList1.src = “image2.jpg”;imageList2 =
14、 new Image;imageList2.src = “image3.jpg”;imageList3 = new Image;imageList3.src = “image4.jpg”;function slideShow(imageNumber) document.slideShow.src = imageListimageNumber.src;imageNumber += 1;if (imageNumber 42 随机广告图片引用内容程序代码var imageList = new Array;imageList0 = “image1.jpg”;imageList1 = “image2.j
15、pg”;imageList2 = “image3.jpg”;imageList3 = “image4.jpg”;var urlList = new Array;urlList0 = “http:/some.host/”;urlList1 = “http:/another.host/”;urlList2 = “http:/somewhere.else/”;urlList3 = “http:/right.here/”;var imageChoice = Math.floor(Math.random() * imageList.length);document.write();JavaScript
16、就这么回事 4：表单43 表单构成引用内容程序代码First ChoiceSecond Choice44 访问表单中的文本框内容引用内容程序代码Check Text Field45 动态复制文本框内容引用内容程序代码Enter some Text: Copy Text: Copy Text Field46 侦测文本框的变化引用内容程序代码Enter some Text: 47 访问选中的 Select引用内容程序代码123Check Selection List48 动态增加 Select 项引用内容程序代码12document.myForm.mySelect.length+;document
17、.myForm.mySelect.optionsdocument.myForm.mySelect.length - 1.text = “3”;document.myForm.mySelect.optionsdocument.myForm.mySelect.length - 1.value = “Third Choice”;49 验证表单字段引用内容程序代码function checkField(field) if (field.value = “”) window.alert(“You must enter a value in the field”);field.focus();Text F
18、ield: 50 验证 Select 项引用内容程序代码function checkList(selection) if (selection.length = 0) window.alert(“You must make a selection from the list.”);return false;return true;51 动态改变表单的 action引用内容程序代码Username: Password: 52 使用图像按钮引用内容程序代码Username: Password: 53 表单数据的加密引用内容程序代码Enter Some Text: JavaScript 就这么回事
19、5：窗口和框架54 改变浏览器状态栏文字提示引用内容程序代码window.status = “A new status message”;55 弹出确认提示框引用内容程序代码var userChoice = window.confirm(“Click OK or Cancel”);if (userChoice) document.write(“You chose OK”); else document.write(“You chose Cancel”);56 提示输入引用内容程序代码var userName = window.prompt(“Please Enter Your Name”,”E
20、nter Your Name Here”);document.write(“Your Name is “ + userName);57 打开一个新窗口引用内容/打开一个名称为 myNewWindow 的浏览器新窗口程序代码window.open(“http:/ 设置新窗口的大小引用内容程序代码window.open(“http:/ 设置新窗口的位置引用内容程序代码window.open(“http:/ 是否显示工具栏和滚动栏引用内容程序代码window.open(“http:/www.x- menubar=no);61 是否可以缩放新窗口的大小引用内容程序代码window.open(http:
21、/www.x- , myNewWindow, resizable=yes );62 加载一个新的文档到当前窗口引用内容程序代码Open New Document63 设置页面的滚动位置引用内容程序代码if (document.all) /如果是 IE 浏览器则使用 scrollTop 属性document.body.scrollTop = 200; else /如果是 NetScape 浏览器则使用 pageYOffset 属性window.pageYOffset = 200;64 在 IE 中打开全屏窗口引用内容程序代码Open a full-screen window65 新窗口和父窗口的
22、操作引用内容程序代码/定义新窗口var newWindow = window.open(“128a.html”,”newWindow”);newWindow.close(); /在父窗口中关闭打开的新窗口在新窗口中关闭父窗口程序代码window.opener.close()66 往新窗口中写内容引用内容程序代码var newWindow = window.open(“”,”newWindow”);newWindow.document.open();newWindow.document.write(“This is a new window”);newWIndow.document.close(
23、);67 加载页面到框架页面引用内容程序代码在 frame1 中加载 frame2 中的页面parent.frame2.document.location = “135b.html”;68 在框架页面之间共享脚本引用内容如果在 frame1 中 html 文件中有个脚本程序代码function doAlert() window.alert(“Frame 1 is loaded”);那么在 frame2 中可以如此调用该方法程序代码This is frame 2.69 数据公用引用内容可以在框架页面定义数据项，使得该数据可以被多个框架中的页面公用程序代码var persistentVariable = “This is a persistent value”;这样在 frame1 和 frame2 中都可以使用变量 persistentVariable70 框架代码库引用内容根据以上的一些思路，我们可以使用一个隐藏的框架页面来作为整个框架集的代码库程序代码
