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

  • 相关阅读:
    转: SSH框架总结(框架分析+环境搭建+实例源码下载)
    转:ClickOnce部署Winform程序的方方面面
    转:在决定使用ClickOnce发布你的软件前,应该知道的一些事情(一些常见问题解决方法)
    转: c#.net利用RNGCryptoServiceProvider产生任意范围强随机数的办法
    转:winform 安装包(很详细)
    转:c# WinForm开发 DataGridView控件的各种操作总结(单元格操作,属性设置)
    转:C# WinForm窗体及其控件的自适应
    转:c# 安装包制作
    转:socket
    MyEclipse 智能提示设置
  • 原文地址:https://www.cnblogs.com/1111duguxiaoyu/p/7045556.html
Copyright © 2011-2022 走看看