初学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这个属性)

• 1. 控制样式
• 获取元素后,可以通过元素提供的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 当鼠标移动到某对象范围的上方时触发的事件