主讲一天一章.pptxVIP

轻松学习javascript主讲：刘静邮箱：目标掌握javascript基础语法;掌握自定义函数；常用事件；掌握常用的js网页特效应用;浏览器竞争各个浏览器市场浏览器大战JS的历史Js由网景公司开发；是一款基于客户端浏览器的脚本语言，它的前身叫做livescript；后更名为javascript；脚本语言既是程序语言的意思；需要运行在相应的程序上，对于js来说既浏览器；Js的作用网页常见的操作特效JavaScript的作用JavaScript是互联网上最流行的脚本语言，并且可在所有主要的浏览器中运行实现用户交互行为网页特效数据验证JavaScript的特点简单：一种脚本语言，简单易学跨平台性:是通过浏览器中的javascript解释器来运行的，与系统平台没关系取消IE安全设置；IE浏览器默认情况下会阻止javascript运行更改IE设置的方法：ie--工具---internet选项--高级--安全--勾选允许活动内容“注意事项什么是程序当中的“关键字，保留字”即程序当中被赋予了指定功能意义的特殊英文单词；Js的书写严格区分大小写，严格区分中英文符号；符号必须在全英文状态下书写。每一条命令或语句执行完必须以分号“；”结束告诉浏览器这条命令执行完了；亲密体验js标题js实现过程1我们需要拥有一个元素---2绑定一个事件（触发的前因）--一般都是由用户触发---3执行一个结果（行为）；什么是程序中的事件；事件事件的定义：当····的时候执行····命令；或者说事件就是一个触发某种命令的前因在网页和用户交流的时候凭什么去捕捉到用户的行为---凭借的就是事件；JavaScript事件事件名说明onclick鼠标单击ondblclick鼠标双击onkeyup按下并释放键盘上的一个键时触发onchange文本内容或下拉菜单中的选项发生改变onfocus获得焦点，表示文本框等获得鼠标光标。onblur失去焦点，表示文本框等失去鼠标光标。onmouseover鼠标悬停，即鼠标停留在图片等的上方onmouseout鼠标移出，即离开图片等所在的区域onload网页文档加载事件onunload关闭网页时onsubmit表单提交事件onreset重置表单时案例练习126邮箱document对象getElementById方法JS中的事件当…的时候onmouseover、onmouseout、onload、onclick根据标签的ID获取网页中的元素：document.getElementById(‘html元素ID名)getElementById方法（非常常用），根据元素的Id获得对象，网页中id不能重复。设置元素的css样式：基本语法：document.getElementById(‘ID名’).style.属性名=属性值例如：document.getElementById(‘box’).style.display=‘block’;Write()写入命令Document中的write（””）方法允许用户通过js实现在html文档中写入标签或文字的功能；例：document.write(“h1标题1/h1”)Document中提供了大量的对html文档进行控制的方法和属性；是我们主要学习的对象；Js的调用方式和css一样需要用一对标签，js是写在scripttype=“text/javaScript”/script内；我们可以将scriptjs/script写在head标签内也可以写在body标签内；甚至可以像标签的行内样式一样写在标签的事件属性内；javascript在网页中的具体应用直接写在html内可将script.../script标记放入head../Head或body.../body标记之间。scripttype=“text/javascript javascript代码/scriptJavascript区分大小写每行执行代码必须以“；”分号结束Javascript代码是按顺序执行javascript在网页中的具体应用调用javascript文件：JavaScript程序存放在单独的.js文件中，再在HTML文件中链接方法如下：scripttype=text/javascriptsrc=“*.js/script*.js文件中直接书写javascript代码即可。三.添加到网页元素的事件中，用于响应事件。h1onclick=alert(这是标题1);这是标题1/h1onclick 鼠标点击某个对象onmouseover 鼠标被移到某元素之上onmouseout 鼠标从某元素移开DOM对象document对象中有很多的方法和属性；先来介绍document对象write()方法；语法