JavaScript常用代码总结.docx

1、JavaScript常用代码总结JavaScript常用代码总结1 创建脚本块JavaScript code goes here2 隐藏脚本代码在不支持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 定义变量var myVariab

2、le = some value;8 字符串相加var myString = String1 + String2;9 字符串搜索10 字符串替换thisVar.replace(Monday,Friday);11 格式化字串!-var myVariable = Hello there;document.write(myVariable.big() + );document.write(myVariable.blink() + );document.write(myVariable.bold() + );document.write(myVariable.fixed() + );document.w

3、rite(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() + );document.write(myVariable.toLow

4、erCase() + );document.write(myVariable.toUpperCase() + );17:var firstString = My String;var finalString = firstString.bold().toLowerCase().fontcolor(red);/ -212 创建数组113 数组排序114 分割字符串15 弹出警告信息16 弹出确认框17 定义函数18 调用JS函数Link textLink text19 在页面加载完成后执行函数Body of the page20 条件判断21 指定次数循环!-var myArray = new

5、Array(3);myArray0 = Item 0;myArray1 = Item 1;myArray2 = Item 2;for (i = 0; i myArray.length; i+) document.write(myArrayi + );/ -22 设定将来执行23 定时执行函数24 取消定时执行25 在页面卸载时候执行函数Body of the pageJavaScript就这么回事2：浏览器输出26 访问document对象var myURL = document.URL;window.alert(myURL);27 动态输出HTMLdocument.write(Heres s

6、ome 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.writeln(b);29 输出日期var thisDate = new Date();docum

7、ent.write(thisDate.toString();30 指定日期的时区var myOffset = -2;var currentDate = new Date();var userOffset = currentDate.getTimezoneOffset()/60;var timeZoneDifference = userOffset - myOffset;currentDate.setHours(currentDate.getHours() + timeZoneDifference);document.write(The time and date in Central Euro

8、pe is: + currentDate.toLocaleString();31 设置日期输出格式var thisDate = new Date();var thisTimeString = thisDate.getHours() + : + thisDate.getMinutes();var thisDateString = thisDate.getFullYear() + / + thisDate.getMonth() + / + thisDate.getDate();document.write(thisTimeString + on + thisDateString);32 读取URL

9、参数var urlParts = document.URL.split(?);var parameterParts = urlParts1.split(&);for (i = 0; i parameterParts.length; i+) var pairParts = parameterPartsi.split(=);var pairName = pairParts0;var pairValue = pairParts1;document.write(pairName + ： +pairValue );你还以为HTML是无状态的么？33 打开一个新的document对象function ne

10、wDocument() document.open();document.write(This is a New Document.);document.close();34 页面跳转window.location = ;35 添加网页加载进度窗口var placeHolder = window.open(,placeholder,width=200,height=200);The Main PageThis is the main page36 读取图像属性Width37 动态加载图像myImage = new Image;myImage.src = 38 简单的图像替换rollImage

11、= new Image;rollImage.src = 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 imageChoice = Math.floor(Math.random() * imageList.length);document.write();40 函数实

12、现的图像替换var source = 0;var replacement = 1;function createRollOver(originalImage,replacementImage) var imageArray = new Array;imageArraysource = new Image;imageArraysource.src = originalImage;imageArrayreplacement = new Image;imageArrayreplacement.src = replacementImage;return imageArray;1var rollImag

13、e1 = 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 = new Image;imageList2.src = image3.jpg;imageList3 = new Image;imageList3.src = image4.jpg;function slideS

14、how(imageNumber) document.slideShow.src = imageListimageNumber.src;imageNumber += 1;if (imageNumber imageList.length) window.setTimeout(slideShow( + imageNumber + ),3000);42 随机广告图片var imageList = new Array;imageList0 = image1.jpg;imageList1 = image2.jpg;imageList2 = image3.jpg;imageList3 = image4.jp

15、g;var urlList = new Array;urlList0 = urlList1 = urlList2 = urlList3 = var imageChoice = Math.floor(Math.random() * imageList.length);document.write();43 表单构成First ChoiceSecond Choice44 访问表单中的文本框内容Check Text Field45 动态复制文本框内容Enter some Text: Copy Text: a href=# onClick=document.myForm.copyText.value =do