JavaScript1

JavaScriptJavaScriptJavaScript代码的位置html中的js代码必须放在script标签里面，可以放在HTML页面中head和body标签部分中。如：htmlheadtitlefirstscript/title/headbodyscriptdocument.write(helloworld!);/script/body/htmlJavaScriptJavaScript代码的位置前面的例子解释：script这是script开始标签，告诉浏览器后面的代码是js而不是html;document.write(Hello,world!);这是是一个JavaScript语句：它获得文档窗口并在其中写入Hello,world!。一行的结束就被认定为语句的结束，通常在结尾加上一个分号;来表示语句的结束。/script这结束JavaScript，并告诉浏览器后面的代码是html。JavaScriptJavaScript代码的引入有时候我们经常需要让多个html页面共享一个脚本，所以就把脚本保存到外部文件中。外部JavaScript文件的文件扩展名是.js。如需使用外部文件，在script标签的src属性中设置该.js文件（外部JavaScript文件中不用script标签）如：htmlhead!--引入了外部的一个myScript.js的文件--scriptsrc=myScript.js/script/headbody/body/htmlJavaScriptJavaScript代码的语句规范语句以一个分号结尾；如果省略分号，则由解析器确定语句的结尾。然语句结尾的分号不是必需的，但我们建议任何时候都不要省略它。另外，加上分号也会在某些情况下增进代码的性能，因为这样解析器就不必再花时间推测应该在哪里插入分号了。如：1.varsum=a+b//即使没有分号也是有效的语句——不推荐2.vardif=a-b;//有效的语句——推荐JavaScriptJavaScript的注释单行注释是在注释内容前加符号“//”。如：document.write(“我是韩梅梅”);//我是注释多行注释/**/。如：/*这里是多行注释下面才是代码*/document.write(“我是李雷”);练习：把下面两句代码分别用单行和多行注释进行标注，分别在标注前和标注后在浏览器里运行alert('我不想执行');alert('我也不想执行');JavaScriptJavaScript事件鼠标事件、键盘事件、系统事件、表单事件、自定义事件等，如下的鼠标事件：onclickondblclickonmouseoveronmouseoutonmousedownonmouseuponmousemove....JavaScriptJavaScript获取元素和添加事件通过ID名称来获取元素，其中.代表“的”：documentgetelementbyid'link'docuemnt.getElementById('link');元素.onmouseover：元素在什么时（鼠标移入该元素时）JavaScript的函数函数（function）：命令它做一些事，但是不会主动执行JavaScriptJavaScript的函数什么是函数函数是一组执行某一任务的JavaScript语句，可被脚本的其他部分调用。这时我们就可以把完成特定功能的代码块放到一个函数里，直接调用这个函数，就省重复输入大量代码的麻烦。如：functionfunctionName(){代码块};function：定义函数的关键字functionName：是给函数取的名字代码块：是完成某一任务的代码JavaScriptJavaScript的事件调用函数执行方法:1、直接调用函数名：abc()2、事件调用：元素.onmouseover=abc不能加括号，否则就会变成第一个方法--直接调用练习：做一个下拉框效果，鼠标点击按钮时，在该元素下显示一个下拉框区域结论：大多数js的页面效果其实改变的都是css2，因此css2的基础对于js的学习来说是必须的JavaScriptJavaScript放置位置和匿名函数当放在头部时，代码会失效；也可以在头部包在一个函数内，在尾部调用（不推荐）；最好放在尾部，还可以提高用户体验（推荐）一定要都放前面需把代码写入浏览器事件中window.onload=function(){代码}用事件调用上面这种没有名字的函数叫做匿名函数元素.事件=function(){}//匿名函数当多个地方需要一个函数的时候应该加名字onload也可以加在一个图片或者body等他们加载完执行相应代码JavaScriptJavaScript的变量什么是变量：用于存储信息的容器。没有人会天天叫毕加索的全名，一般都叫毕加索js里也可以用一个名字储存获取的东西将事件加在名字上可以大大减少代码量变量的命名规则：变量必须以字母开头；变量也能以$和_符号开头（不过我们不推荐这么做）；变量名称对大小写敏感（a和A是不同的变量)。var名字=，后面可以是数字，字符串或者一个对象等等JavaScriptJavaScript的变量数据类型：匈牙利命名法：用一个小写字母提示该数据类型类型描述示例数字任何数字值。数字可以带小数点，也可以不带68.57字符串引号中的字符。您可以使用单引号或双引号hello,world布尔值（Boolean）true或falsetrueUndefined和NullUndefined这个值表示变量不含值。可以通过将变量的值设置为null来清空变量。对象object与对象相关联的任何值function函数函数返回的值JavaScriptJavaScript的变量练习：试着在html代码框中的script标签中声明x和y变量并分别赋值（任意赋值），然后分别利用document.write(x)、document.write(y)练习：将下拉框效果的练习里面的内容改成用变量来做练习：点击一个按钮让下拉框效果的练习中的下拉框显示出来，点击另一个按钮时让这个下拉框隐藏起来JavaScriptJavaScript测试方法(警告窗)JavaScript的主要用途之一是向用户提供反馈的信息。比如创建一个弹出的警告窗口，提供给用户必须要了解的重要信息。这个警告窗口是使用alert实现的。alert();里面可以是数字或者字符串等将alert逐行放置，如果未执行，说明上面的代码有错误初学者应养成随时写随时测试的习惯，以防做完一堆代码都是不能用的