js基础代码.docx

1、js基础代码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”)

2、;7 定义变量引用内容程序代码var myVariable = “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.wr

3、ite(myVariable.bold() + “”);document.write(myVariable.fixed() + “”);document.write(myVariable.fontcolor(“red”) + “”);document.write(myVariable.fontsize(“18pt”) + “”);document.write(myVariable.italics() + “”);document.write(myVariable.small() + “”);document.write(myVariable.strike() + “”);document.wr

4、ite(myVariable.sub() + “”);document.write(myVariable.sup() + “”);document.write(myVariable.toLowerCase() + “”);document.write(myVariable.toUpperCase() + “”);var firstString = “My String”;var finalString = firstString.bold().toLowerCase().fontcolor(“red”);/ 12 创建数组引用内容程序代码13 数组排序引用内容程序代码14 分割字符串引用内容程

5、序代码15 弹出警告信息引用内容程序代码16 弹出确认框引用内容程序代码17 自定义函数引用内容程序代码18 调用JS函数引用内容程序代码Link textLink text19 在页面加载完成后执行函数引用内容程序代码Body of the page20 条件判断引用内容程序代码21 指定次数循环引用内容程序代码!var myArray = new Array(3);myArray0 = “Item 0”;myArray1 = “Item 1”;myArray2 = “Item 2”;for (i = 0; i myArray.length; i+) document.write(myArr

6、ayi + “”);/ 22 设定将来执行引用内容程序代码23 定时执行函数引用内容程序代码24 取消定时执行引用内容程序代码25 在页面卸载时候执行函数引用内容程序代码Body of the pageJavaScript就这么回事2：浏览器输出26 访问document对象引用内容程序代码var myURL = document.URL;window.alert(myURL);27 动态输出HTML引用内容程序代码document.write(“Heres some information about this document:”);document.write(“”);document.

7、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();document.write(thisDate.toString

8、();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 Europe is: “ + currentDa

9、te.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

10、参数引用内容程序代码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 打开一个新的docu

11、ment对象引用内容程序代码function newDocument() document.open();document.write(“This is a New Document.”);document.close();34 页面跳转引用内容程序代码window.location = “http:/www.x-35 添加网页加载进度窗口引用内容程序代码var placeHolder = window.open(holder.html,placeholder,width=200,height=200);The Main PageThis is the main pageJavaScript就

12、这么回事3：图像36 读取图像属性引用内容程序代码Width37 动态加载图像引用内容程序代码myImage = new Image;myImage.src = “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”;image

13、List1 = “image2.jpg”;imageList2 = “image3.jpg”;imageList3 = “image4.jpg”;var imageChoice = Math.floor(Math.random() * imageList.length);document.write();40 函数实现的图像替换引用内容程序代码var source = 0;var replacement = 1;function createRollOver(originalImage,replacementImage) var imageArray = new Array;imageArra

14、ysource = new Image;imageArraysource.src = originalImage;imageArrayreplacement = new Image;imageArrayreplacement.src = replacementImage;return imageArray;var rollImage = createRollOver(“image1.jpg”,”rollImage1.jpg”);41 创建幻灯片引用内容程序代码var imageList = new Array;imageList0 = new Image;imageList0.src = “i

15、mage1.jpg”;imageList1 = new Image;imageList1.src = “image2.jpg”;imageList2 = 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 imageList.lengt

16、h) window.setTimeout(“slideShow(“ + imageNumber + “)”,3000);42 随机广告图片引用内容程序代码var imageList = new Array;imageList0 = “image1.jpg”;imageList1 = “image2.jpg”;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就这么回事4：表单43 表单构成引用内容程序代码First ChoiceSecond Choice44 访问表单中的文本框内容引用内容程序代码Check Text Field45 动态复制文本框内容引用内容程序代