JavaScript读书笔记【基础+多实例】

JavaScript应该了解哪些1.何为JavaScript2.JavaScript的功能3.JavaScript的形态4.在HTML中嵌入JavaScript[3]显示日期和时间1、告知日期和时间2、每天都有问候3、能每个小时呈现不同信息的Script4、制作漂亮的图像时钟(field)5、制作精美的日历6、D-day功能（日期倒数）[4]生成帅气的文本效果1、生成键入效果的Script12、生成键入效果的Script23、使信息在显示框内来回移动的Script4、当鼠标移上文字时，显示框内会显示说明文字的Script6、新闻或公告事项中使用的Script27、生成跃然而出的欢迎语的Script8、使访问者在芳名录上留名的Script[5]制作动感十足的图片1、鼠标一碰，图片就变。2、每次打开网页，图片都会变化。3、图片自然会动。4、时而清晰，时而模糊的图片。5、图片四处闪现最终消失。6、零碎图片滑动拼凑成完整图片。[field]7、利用转换滤镜变换图片[6]与鼠标相关的各类效果1、鼠标移上时菜单发生变化2、禁止使用鼠标右键3、随鼠标移动的图片4、随鼠标移动的块状图片5、文本随鼠标滴溜溜的转6、单击鼠标右键，弹出“添加入收藏夹”窗口[7]状态栏也可以吸引眼球1、状态栏上的闪动信息2、在状态栏上显示当前信息3、在状态栏上显示动态文本4、在信息栏上只显示信息而不显示链接地址5、信息一个字一个字的显示6、信息在状态栏上来回移动[8]为背景添加多样效果1、鼠标移上文本时，背景色发生变化2、背景添加Fade效果3、生成随鼠标移动的十字线效果[failed]4、利用META标签转换画面5、雪花簌簌落下的效果[待定]6、水泡噗噗向上冒的效果[9]想了解与窗口相关的迷人效果吗？1、访问时自动弹出公告窗2、公告窗只出现一次3、生成无边框窗口field4、单击即打开新窗口、如同按F11一样5、生成多个弹出窗口6、关闭某网页自动链接到另一网站[10]制作风格各异的菜单1、鼠标上移时会产生变化的菜单2、鼠标移上时会自行展开菜单4、单一即会生成向下滑动(slide)菜单5、利用Iframe制作滑动菜单(slidingmenu)[11]还有哪些实用的源代码1、制作多样的网络功能按钮2、制作“收藏夹”按钮3、制作“设为首页”按钮4、打印当前页5、制作“查看源代码”按钮【failed】6、禁用鼠标右键和键盘7、告知一切信息8、制作背景音乐的播放、停止按钮JavaScript应该了解哪些1.何为JavaScript2.JavaScript的功能3.JavaScript的形态4.在HTML中嵌入JavaScript(add)5.JavaScript的缺陷(在不同浏览器中表现有的存在差异)1.何谓JavaScript2.JavaScript的功能（1）JavaScript能使页面产生动感效果（2）JavaScript能根据使用者的操作执行相应的任务（3）JavaScript能获取用户和网页的信息（4）JavaScript可改变属性（5）JavaScript可控制各种表单（form）JavaScript可在传送表单之前对其格式进行检查。3.JavaScript的形态scriptlanguage=”JavaScript”JavaScript的内容/script如果你觉得需要更清晰一点，还可以显示声明脚本需要那个版本的JavaScript支持。如：scripttype=”text/javaScript”language=”JavaScrupt1.5”但是，并非所有的游览器都会检测language属性中的版本号。当然，不检测版本号的浏览器。就是不支持JavaScript1.5。在一般情况下，使用JavaScript有两种方法：一种是直接将JavaScript所有的源代码嵌入HTML中使用，另一种是将JavaScript的源代码保存至”*js”外部文件，然后再HTML文本的指定位置进行使用。下面这个标签演示如何对外部JavaScript文件进行读取。scriptsrc=”a.js”能防止JavaScript源代码泄露。？JavaScript的注解处理方法1//注解内容一般用于一行的注解(没有结束标志)方法2/*注解内容*/用于两行的注解方法3!--注解内容--用于两行以上的注解4.在HTML中嵌入JavaScriptJavaScript可以嵌入HTML的任何部分，只是在传统上将JavaScript嵌入至head部分或body部分当在方法中写入字符串是，必须用双引号将字符串包起来，而当在双引号中还要再次使用双引号时，就应该使用单引号。与HTML不同，JavaScript区分字母的大小写。DUAM网站的Cafe不适用JavaScript.[2]简单编写JavaScript1.利用记事本编写JavaScript2.利用NAMOWebEditor编写JavaScript[参考]：强力推荐！JavaScript源代码宝库！[3]显示日期和时间1、告知日期和时间2、每天都有问候3、能每个小时呈现不同信息的Script4、制作漂亮的图像时钟5、制作精美的日历6、D-day功能1、告知日期和时间scriptlanguage=javascripttm=newDate();document.write(center今天的日期：+tm.getYear()+年+(tm.getMonth()+1)+月+tm.getDate()+日+tm.getHours()+时+tm.getMinutes()+分+tm.getSeconds()+秒);/script特别关注：对象与对象变量生成过多的对象变量会给程序造成负担，所以，JavaScript提供了关于对象变量的操作。该操作被称为“声明对象变量“，所谓”声明对象变量“就是声明专属于“使用者”的对象。可以采取以下的格式用“new”来声明对象变量。对象变量=new对象类型()形式1对象变量=new对象类型(参数(parameter)1,参数2)形式2JavaScript事先生成了具备众多功能的对象，这些对象也被称为“内建对象”，各位可以轻松使用这些对象，譬如，JavaScript中有的Date对象，它用于处理日期和时间。下例正是利用对象Date生成新的对象变脸tm的格式。这一新生成的对象变量(tm)具备原有对象的Data的方法和属性功能。tm=newDate();以上格式用于生成与日期/时间有关的对象变量，笔者将日期/时间对象变量命名为”tm”，对象变量的名称最好用便于记忆的英文字母，但是最好不要用已存在的英文单词。各位还记得对象Document吗？他是提供与当前页面构成元素相关的属性和方向的对象，使用语句document.write可以向页面发送的内容对象Date的方法类型getMonth()告知当前月份(在数字0~11内变换)getDate()告知当前日期(在数字1~31内变换)getYear()告知当前年份(4位数字变换)getDay()告知当前星期几(在数字1~7内变换)getHours()告知当前时间的时针数(在数字0~23内变换)getMinutes()告知当前时间的分针数(在数字0~59内变换)getSeconds()告知当前时间的秒针数(在数字0~59内变换)2、每天都有新的问候scriptvartoday=newDate();vartoday_date=today.getDate();vartitle='imgsrc=image/top_area.jpg';//输入用于标题的图片或信息varday=newArray();//以名称day给数组变量赋值；day[29]=每月29日的公告;//若还需进行超链接，所有信息需使用单引号。day[30]=每月30日的公告;document.write(title);document.write(day[today_date]);/scriptvarday=newArray();是以名称day赋值数组变量。在Array()中，如果括号内不填写任何数值，那么数组项目数就会继续补充。可见，数组的大小是由括号内数值决定的，譬如要生成一个有30个项目数的数组，就必须设定newArray(30)3、能每个小时呈现不同信息的Scriptscriptlanguage=javascriptvarday=newDate()varhour=day.getHours()if((hour==6)||(hour==7)||(hour==8)||(hour==9))document.write(清爽的早晨，希望今天也是快乐的一天)if(hour==18)document.write(这一天都是怎么过的呢？)if(hour==19)document.write(晚上7点了哦)/script特别关注：运算符关系运算符运算符说明A==B如果A等于B，即为trueA!=B如果A不等于B,即为trueAB如果A小于B,即为trueAB如果A大于B,即为trueA=B如果A大于等于B,即为true逻辑运算符运算符说明备注A&&BA，B均为真时返回trueANDA||BA或B的任一为真时返回trueOR!AA若等于其相反值时返回trueNOTA^B对A和B进行逻辑异或运算，如果A与B的真与假相反即返回trueXOR4、制作漂亮的图像时钟没搞定~5、制作精美的日历用组设定每天的背景图片，document.wrte显示即可6、D-day功能（日期倒数功能）scriptlanguage=javascriptvartoday=newDate();varday=newDate(February1,2010);//将变量day赋值修改为新的日期vardays=Math.ceil((day-today)/1000/24/60/60);//Math.ceil返回指定数字或表达式的最小整数document.write(离那个日子还有+days+天);/script如果你想在窗口下面的状态栏输出的话可以在JavaScript中加这句window.status=(离那个日子还有+days+天);[4]生成帅气的文本效果1、生成键入效果的Script1/headscriptlanguage=javascriptvarmsg=你好，欢迎你的到来;vari=0;functionplay(){if(i=msg.length){document.form1.text1.value=msg.substring(0,i);i++;setTimeout(play(),300);}else{i=0;setTimeout(play(),2000);}}/scriptbodyonload=play()formname=form1inputtype=textname=text1//form2、生成键入效果的Script2scriptlanguage=javascriptvarmsg=newArray();msg[0]=12345678;msg[1]=它斯蒂芬哈上帝哦附近闪动奥;msg[2]=我阿斯顿和佛山大幅;vari=0;varn=0functionplay(){if(i=msg[n].length){document.forms[0].text.value=msg[n].substring(0,i)+_;i++;setTimeout(play(),300);}else{i=0;n++;if(n=msg.length)n=0;setTimeout(play(),100);}}/scriptbodyonload=play()forminputtype=textname=textsize=50//form3、使信息在显示框内来回移动的Scriptscriptlanguage=javascriptva