初学JavaScript 小知识

什么是JavaScript

一种基于对象和事件驱动的客户端脚本语言(弱类型)也直接可以运行在操作系统上,需要Node.js环境支持他的最初目的是为了检查表单输入的正确性Netscape公司1997年创建的,LiveScriptECMAScript是javascript的标准,完整的javascript包含了ECMAScript、BOM和DOM为什么要学js? 别无选择,只有js兼容所有的浏览器;java和js是否相同.(不同,只是借用了他的名字)js难学吗?很简单,小学的数学知识js作用?验证,用户的交互,网页特效,

第一个javascript程序

,说明一个文档类型,strict.dtd表示这个文档是遵守严格格式的规范,标签必须是完整的(有结束标签)traditional.dtd是使用兼容模式 格式规范检查不严格 html5的格式

1.window.alert(“”),弹框效果,window可以省略.弹出比较突然,用户的体验不好,基本是用来测试代码使用.

<script type="text/javascript"> window.alert('hello world') </script>

使用js实现二级菜单

实现步骤1.获取标签document.getElementById();document 指的是整个HTMl文档

- get(获取) Element(html里的标签) By(依据) Id(id这个属性)

控制样式获取元素后,可以通过元素提供的style属性和=,控制的样式style.width=’200px’;

- style.hegiht=’500px’;

<ul class="one"> <li>一级菜单</li> <li onmouseover="document.getElementsByClassName('two')[0].style.display='block'"; onmouseout="document.getElementsByClassName('two')[0].style.display='none'"> 一级菜单 <ul class="two"> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> </ul> </li> </ul>

常见的事件 - onclick 鼠标单击 - ondblclick 鼠标双击 - onkeyup 按下并释放键盘上的一个键时触发 - onkeydown 按下键盘上的一个键时触发 - onchange - 文本内容或下拉菜单汇总的选项方式改变 - onMouseOver 当鼠标移动到某对象范围的上方时触发的事件 - onMouseMove 鼠标移动时触发的事件 - onKeyPress 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] - onMouseUp 鼠标按下后，松开时激发的事件 - onMouseOver 当鼠标移动到某对象范围的上方时触发的事件