PHP教程课件：JavaScript高级.pptVIP

练习创建一个HTML内容pThisisemmy/emcontent./p把上面这个内容添加到一个div中显示出来divid=“testdiv”/div修改美术馆，把图片描述改成动态添加重回美术馆insertBefore()把一个新元素插入到一个现有元素的前面parentElem.insertBefore(new,target)parentNode属性返回目标节点的父节点nextSibling属性返回目标节点的下一个兄弟节点练习给每张图片添加一个描述p描述内容提取自每个链接的“title”属性HTML的动画效果elem.style.position=“absolute”;elem.style.left=“100px”;elem.styple.top=“100px”;setTimeout()clearTimeout()练习移动的文字移动的图片通过链接浏览图片1.插入一个层Layer1，z-index=1；2.层中插入一幅图片。3.定时器函数setTimeout（）的用法：setTimeout（“调用的函数名”，间隔的毫秒数）表示每隔多少毫秒，就循环调用某个函数来执行清除某个定时器：clearTimeout（）方法。例如：varmyclock＝setTimeout（”move()”,500）;if(…)clearTimeout（myclock）;；随机移动图片headscriptlanguage=JavaScriptfunctionmove(){document.getElementById(Layer1).style.left=Math.random()*500;document.getElementById(Layer1).style.top=Math.random()*500;setTimeout(move(),1000);}/script/headbodyonload=move()DIVid=Layer1style=position:absolute;left:14px;top:44px;width:150px;height:102px;z-index:1Ahref=IMGsrc=piaofu.jpgwidth=150height=100border=0/A/DIVH2随机漂浮的广告/H2/BODY随机移动图片定义层图片移动的函数move()每隔1秒调用move()函数随机改变层的位置，从而实现随机漂浮的效果getElementById(“ID名称”)方法：根据ID名称获取HTML元素，这里表示获取层对象Layer1。left和top表示层Layer1的左边距和上边距，设定为随机的值。form对象form对象最主要的功能就是能够直接访问HTML文档中的form表单。一个web页面可以有一个或多个from表单，使用document.froms数组对象可以访问到各from表单。可以将form对象的属性，来引用该表单字段元素所对应的对象。表单基础method：浏览器发送方式GET/POSTaction：表单所要提交到的URLenctype：向服务器发送数据时，数据使用的编码方式accept：当上传文件时，列出服务器能正确处理的mime类型accept-charset：当提交数据时，列出服务器接受的字符编码input/“text”：单行文本“radio”：单选按钮“checkbox”：复选按钮“file”：文件上传文本框“password”：密码输入框“button”：产生自定义动作的按钮“submit”：提交按钮，用于提交表单“reset”：重置按钮，恢复表单默认值“hidden”：隐藏表单域，不会显示在窗口中“image”：图像，与提交按钮功能一样其他select/：下拉列表option/：下拉列表选项textarea/：文本域rows和cols事件处理程序和表单元素简介INPUTtype=“button”value=“注册onClick=button_click()当事件发生时，将执行与之相关的JavaScript代码当发生特定事件时，事件处理程序指定要执行哪些JavaScript代码事件处理程序和表单元素简介当用户单击“注册”按钮时，将弹出一条消息。SCRIPTLANGUAGE=JavaScriptfunctionbutton_click(){alert(“请向本网站注册);}/SCRIPTINPUTtype=“