初学JavaScript 小知识

什么是JavaScript

一种基于对象和事件驱动的客户端脚本语言(弱类型)

也直接可以运行在操作系统上,需要Node.js环境支持

他的最初目的是为了检查表单输入的正确性

Netscape公司1997年创建的,LiveScript

ECMAScript是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 当鼠标移动到某对象范围的上方时触发的事件