计算机二级Web前端知识点总结（六）思维导图
计算机二级Web前端知识点总结（六）
树图思维导图提供 计算机二级Web前端知识点总结（六） 在线思维导图免费制作，点击“编辑”按钮，可对 计算机二级Web前端知识点总结（六） 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：0a7fc3e366af4ca65ce6076911733050
思维导图大纲
计算机二级Web前端知识点总结（六）思维导图模板大纲
JavaScript
功能
浏览器执行html代码后实现动态改变网页内容和格式从而实现动态效果
思想
分析有哪些动态效果，确定事件三要素并关联从而实现一切功能
要实现某功能找已经存在的对象和方法
html导入独立的js文件的步骤
创建文件夹和独立js文件
用<script type="text/javascript" src="">标签在html页面中导入
在js文件中定义方法，并与html页面的标签关联
事件关键字
onclick：鼠标单击时触发
onload：页面全部内容被加载后立即触发，该事件源是body
onmouseover：鼠标进入区域时触发
onmouseout：鼠标退出区域时触发
onmousemove：鼠标在某区域移动时触发
onchange：内容改变时触发
onsubmit：表单提交数据时触发
onblur：控件失去焦点时触发
onfocus：控件获取焦点时触发
浏览器对象和方法
特性
所有对象都是由浏览器负责提供的，编程时可以直接调用方法，又称BOM对象
浏览器对象的方法总结
window
代表浏览器窗口
alert("提示内容")
setInterval("方法名()",数值)
clearInterval(对象名)
setTimeout("方法名()",时间)
open("", "_blank", "width=800, height=500");
parseInt(数值) eval()
prompt("提示信息","默认信息") //弹出对话框,接受文本框内容
confirm("对话框上的提示信息") //弹出对话框,有确定和取消2个
document
代表整个网页
getElementById("标签的id属性")
getElementsByTagName("标签关键字")
getElementsByName("标签的name属性值")
createElement("标签关键字")
event
事件对象
event.x 鼠标此时位置的横坐标
event.y 鼠标此时位置的纵坐标
location
window. location= location location.href(“地址”)
相关思维导图模板
树图思维导图提供 计算机二级Web前端知识点总结（十） 在线思维导图免费制作，点击“编辑”按钮，可对 计算机二级Web前端知识点总结（十） 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：9763062ad06ccdcc68003d41908f3088
树图思维导图提供 计算机二级Web前端知识点总结（九） 在线思维导图免费制作，点击“编辑”按钮，可对 计算机二级Web前端知识点总结（九） 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：83ceba5e40f69b0ba3cd9152e77ed608
沪公网安备 31011502019485号
上海工商