zoukankan      html  css  js  c++  java
  • JavaScript热身练习1

      把某个元素移出你的视线:

    1.display:none;(显示为无,不占地)

    2.visibility:hidden;(隐藏,占地)

    3.宽或者高设置为零

    4.透明度设置

    5.left/top (定位,移除元素之外)

    6.用一个白色的div盖住它

    7.margin负值

    ...........12种以上?(这些都是属于css)

      写JS的步骤:

    1.先实现布局

    2.实现原理

    3.了解JS语法

    JS实现第一步要获取这个元素,获取元素有多种方法,这里先介绍用ID获取元素的方法:

    document     get      element      by      ID       意思是  通过ID在文档中获取该元素。

    (文档)     (得到) (元素) (通过) (ID)

    要采用驼峰写法

    即:   document getElenentByID(‘ ’)           小括号里面写ID名、

    JS里面的事件分为:

    鼠标事件、键盘事件、系统事件(例如窗口大小)、表单事件(例如input里面限制字数)、自定义事件,...............

    这里介绍一部分鼠标事件:

    onclick    点击事件

    onmouseover    移入事件

    onmouseout    移开(移出)事件

    onmousemove    移动事件(鼠标的抚摸事件)

    onmousedown  按下事件

    onmouseup  抬起事件

    ....................

    如何给元素添加事件:

    这里就要用到函数了,函数可以理解为命令,比如做一些事.....

    函数的关键字是    function  函数命名即:function 名字

    eg:function abc(){

    ........//这里写内容

    }

    但是函数只是一个命令,他不会主动执行,所以

    让函数执行的方法

    1.直接调用:eg:abc()             这里要注意:函数遇到名称+()就会立即执行

    2.事件调用: 元素.事件=函数名  这里函数名后面一定不要加(),因为会立即执行!

    eg:

    <script>
    document.getElementById('btn').onclick=abc;
    function abc(){
    alert('ok')
    }
    </script>

    命令abc,执行弹出ok

    所以点击按钮就会弹出ok

    点击显示为:

    这里注意初学者要学会测试,边做边测

     alert()这就是一个带确定按钮的警告框

    eg:alert(1)

     alert(‘ok’)‘ok’是字符串

    alert(“ok”)单双引号都可以

  • 相关阅读:
    蓝桥杯(Java方法、详细解法分析)基础练习 阶乘计算
    蓝桥杯(Java方法、详细解法分析)基础练习 阶乘计算
    蓝桥杯 算法训练 P0505(Java解法)
    蓝桥杯 算法训练 P0505(Java解法)
    DLNA架构在机顶盒上播放云存储文件的实现
    分布式文件系统 Mogilefs 安装步骤
    开源分布式文件系统比较
    分布式文件系统 fastDFS 安装步骤
    分布式文件系统MooseFS安装步骤
    人人校招笔试题
  • 原文地址:https://www.cnblogs.com/1111duguxiaoyu/p/7045556.html
Copyright © 2011-2022 走看看