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”)单双引号都可以

  • 相关阅读:
    设计模式总结:单例模式(以及多线程、无序写入、volatile对单例的影响)
    android的WebView进度条
    三角形类内置成员函数(看看吧。。)
    VGA接口之显示彩色条
    Java I/O流操作(二)缓冲流
    oracle 单引号 双引号 连接符
    2013腾讯编程马拉松初赛(3月22)赛题及第2题代码(C++)
    Java I/O流操作(一)入门篇和System和Properties类介绍
    POJ 3264 Balanced Lineup
    成都行(二)
  • 原文地址:https://www.cnblogs.com/1111duguxiaoyu/p/7045556.html
Copyright © 2011-2022 走看看