JS-笔记

最新推荐文章于 2025-02-18 17:52:54 发布

weixin_37502039

最新推荐文章于 2025-02-18 17:52:54 发布

阅读量230

点赞数

CC 4.0 BY-SA版权

文章标签： xudun

本文链接：https://blog.youkuaiyun.com/weixin_37502039/article/details/65631704

本文介绍了使用JavaScript进行基本的DOM操作方法，如显示和隐藏元素，并探讨了事件监听及响应，例如点击和鼠标悬停事件的处理。此外，还讨论了简单的条件判断逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

======================

2017-3-6

======================

-------------------------------------

html

浮动
display
定位
opacity

JavaScript

辅助动态交互功能样式

作者
布兰登·艾克

onclick="alert(1);"

属性——事件

onclick
on 当
click 点击
alert(1) 警告
弹出框

点击按钮让div隐藏
div.display:none;

document.getElementById('div1').style.display='none';

document 页面文档
get Element By Id
获取元素通过 ID
通过id来获取一个元素

. 属性（的）

= 赋值

函数
function (){} 匿名函数
function hide(){} 命名函数

window.onload 当窗口加载完成

js三步走
1.window.onload=function (){...};
2.获取元素
3.加事件

onmouseover 移入
onmouseout 移出

题
默认宽高200px
移入div变大宽高400px，移出变小宽高200px

点击显示隐藏
下雨
带伞
不带

if(有钱){
吃2馒头
}else{
饿着
}

if(有钱){
取一个
}else{
光棍
}

if(div1是隐藏的){
div1显示
}else{
div1隐藏
}

条件成立走if,不成立走else

== 判断/比较

------------------------------------------------------------------------------------------------