JavaScript1.ppt

《JavaScript1.ppt》由会员分享，可在线阅读，更多相关《JavaScript1.ppt（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、JavaScriptl JavaScript代码的位置l html中的js代码必须放在script标签里面，可以放在HTML页面中head和body标签部分中。l 如：l first script document.write(hello world!);JavaScriptl JavaScript代码的位置l 前面的例子解释：l 这是script 开始标签，告诉浏览器后面的代码是js而不是html;l document.write(Hello, world!);这是是一个JavaScript语句：它获得文档窗口并在其中写入Hello, world!。一行的结束就被认定为语句的结束，通常在结尾

2、加上一个分号;来表示语句的结束。l 这结束JavaScript，并告诉浏览器后面的代码是html。JavaScriptl JavaScript代码的引入l 有时候我们经常需要让多个html页面共享一个脚本，所以就把脚本保存到外部文件中。外部JavaScript文件的文件扩展名是 .js。如需使用外部文件，在 标签的 src 属性中设置该 .js 文件（外部JavaScript文件中不用标签）l 如： JavaScriptl JavaScript代码的语句规范l 语句以一个分号结尾；如果省略分号，则由解析器确定语句的结尾。l 然语句结尾的分号不是必需的，但我们建议任何时候都不要省略它。另外，加上

3、分号也会在某些情况下增进代码的性能，因为这样解析器就不必再花时间推测应该在哪里插入分号了。l 如：1.var sum = a + b / 即使没有分号也是有效的语句不推荐2.var dif = a - b; / 有效的语句推荐JavaScriptl JavaScript的注释l 单行注释是在注释内容前加符号“/”。l 如：document.write(“我是韩梅梅”);/我是注释l 多行注释/*/。l 如：l /*这里是多行注释l 下面才是代码*/l document.write(“我是李雷”);l 练习：把下面两句代码分别用单行和多行注释进行标注，分别在标注前和标注后在浏览器里运行l ale

4、rt(我不想执行); alert(我也不想执行);JavaScriptl JavaScript事件l 鼠标事件、键盘事件、系统事件、表单事件、自定义事件等，如下的鼠标事件：l onclickl ondblclickl onmouseoverl onmouseoutl onmousedownl onmouseupl onmousemovel .JavaScriptl JavaScript获取元素和添加事件l 通过ID名称来获取元素，其中.代表“的”：l document get element by id linkl docuemnt.getElementById(link);l 元素.onmo

5、useover：元素在什么时（鼠标移入该元素时）l JavaScript的函数l 函数（function）：命令它做一些事，但是不会主动执行JavaScriptl JavaScript的函数l 什么是函数l 函数是一组执行某一任务的JavaScript 语句，可被脚本的其他部分调用。这时我们就可以把完成特定功能的代码块放到一个函数里，直接调用这个函数，就省重复输入大量代码的麻烦。如：function functionName() 代码块;function：定义函数的关键字functionName：是给函数取的名字代码块：是完成某一任务的代码JavaScriptl JavaScript的事件调用

6、l 函数执行方法:l 1、直接调用函数名：abc()l 2、事件调用：元素.onmouseover = abc 不能加括号，否则就会变成第一个方法-直接调用l 练习：做一个下拉框效果，鼠标点击按钮时，在该元素下显示一个下拉框区域l 结论：大多数js的页面效果其实改变的都是css2，因此css2的基础对于js的学习来说是必须的JavaScriptl JavaScript放置位置和匿名函数l 当放在头部时，代码会失效；也可以在头部包在一个函数内，在尾部调用（不推荐）；最好放在尾部，还可以提高用户体验（推荐）l 一定要都放前面需把代码写入浏览器事件中window.onload=function()代

7、码l 用事件调用上面这种没有名字的函数叫做匿名函数l 元素.事件=function() /匿名函数l 当多个地方需要一个函数的时候应该加名字l onload也可以加在一个图片或者body等他们加载完执行相应代码JavaScriptl JavaScript的变量l 什么是变量：用于存储信息的容器。l 没有人会天天叫毕加索的全名，一般都叫毕加索l js里也可以用一个名字储存获取的东西l 将事件加在名字上可以大大减少代码量l 变量的命名规则：变量必须以字母开头；变量也能以$和_符号开头（不过我们不推荐这么做）；变量名称对大小写敏感（a和A是不同的变量)。l var 名字 = ，后面可以是数字，字符串

8、或者一个对象等等JavaScriptl JavaScript的变量l 数据类型：l 匈牙利命名法：用一个小写字母提示该数据类型类型描述示例数字任何数字值。数字可以带小数点，也可以不带68.57字符串引号中的字符。您可以使用单引号或双引号hello,world布尔值（Boolean）true或falsetrueUndefined 和 NullUndefined 这个值表示变量不含值。可以通过将变量的值设置为 null 来清空变量。 对象object与对象相关联的任何值 function 函数函数返回的值JavaScriptl JavaScript的变量l 练习：试着在html代码框中的scrip

9、t标签中声明 x 和 y 变量 并分别赋值（任意赋值），然后分别利用document.write(x)、document.write(y)l 练习：将下拉框效果的练习里面的内容改成用变量来做l 练习：点击一个按钮让下拉框效果的练习中的下拉框显示出来，点击另一个按钮时让这个下拉框隐藏起来JavaScriptl JavaScript测试方法(警告窗)l JavaScript的主要用途之一是向用户提供反馈的信息。比如创建一个弹出的警告窗口，提供给用户必须要了解的重要信息。这个警告窗口是使用alert实现的。l alert(); 里面可以是数字或者字符串等l 将alert逐行放置，如果未执行，说明上面的代码有错误l 初学者应养成随时写随时测试的习惯，以防做完一堆代码都是不能用的