2019-6-17Js入门-热身课程

一.Js热身课程
希望把某个元素移除你的视线:

  1. display:none; 显示为无
  2. visibility:hidden; 隐藏
  3. 改width/height
  4. 透明度
  5. 改left/top
  6. 拿一个白色的div盖住它
  7. margin负值
    写js效果步骤1. 先实现布局2. 实现原理3. 实现语法
    Js中如何获取元素:
  8. 通过ID名称来获取元素document.getElementById(‘元素’)事件:
    鼠标事件、键盘事件、系统事件、表单事件、自定义事件鼠标事件:onclick onmouseover
    onmouseout
    onmouseup
    onmousedown
    onmousemove 就像是鼠标抚摸一样的事件
    系统事件:onload 加载完以后执行。。。。
    window.onload
    img.onload
    body.onload
    如何添加事件: 元素.onmouseover
    函数:可以理解-命令,做一些事
    function abc(){//肯定不会主动执行的!}
    function (){} 匿名函数让函数执行
  9. 直接调用:abc();
  10. 事件调用:元素.事件=函数名 (Div.οnclick=abc)
  11. 元素.事件=function(){}
    测试:alert() 带一个确定按钮的警告框
    alert(‘OK’) ‘ok’字符串 alert(“OK”)
    初学者:最好保持一种随时写,随时测试的习惯!
    变量: var li =document.getElementById(‘元素id名’) var num =123;
    课后实例
    通过原生js所做
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值