js

DOM修改下拉菜单

创建:new Option(text,value,defaultSelected,Selected);

text为文本,value为下标,defaultSelected为是否默认显示,Selected为是否默认选中

添加位置

节点名.options[i]=新创建的option

删除:节点名.remove(index);或者给要删除的部分赋值为null。

DOM修改表格

创建:createCaption();创建标题;insertRow(index);在index处添加一行;insertCell(index);在某一行的index处添加一个单元格;

删除:deleteCaption();删除标题;deleteRow(index);删除index处的一行;deleteCell(index);删除在某一行的index处的一个单元格;

通用事件监听方法

HTML中:<input id=”btn1” type="button" value="clickMe" onClick="check(this)">;

js中:document.getElementById(“btn1”).onClick=test;//test函数名;

标准事件监听方法

[object].addEventListener(“事件类型”,处理函数,false);

[object].removeEventListener(“事件类型”,处理函数,false);

事件类型

onclick点击鼠标左键;ondbclick双击鼠标左键;onmousedown按下鼠标任意键;onmouseup松开鼠标任意键;onmouseover鼠标停留时;onmouseout鼠标移走后;onmousemove鼠标在上面移动时;onkeydown按下键盘按键;onkeyup松开键盘按键;onkeypress按键输入内容;onload页面加载完成后运行;onunload页面卸载完成后运行;onselect选中文本框内内容;onchange文本框失去焦点并且内容发生变化;onsubmit点击提交按钮;onfocus获得焦点;onblur失去焦点

轮播图

将所有图片的地址存入一个数组内,通过下标控制不同按钮的调用。用定时器来控制自动轮播。onmouseover控制鼠标放在图片上时停止轮播,onmouseout控制鼠标移走后恢复轮播。

 

posted @ 2020-08-25 16:48  ldldl  阅读(106)  评论(0)    收藏  举报