JavaScript基础----18Javascript事件

最新推荐文章于 2022-10-29 08:27:09 发布

zhaihaohao1

最新推荐文章于 2022-10-29 08:27:09 发布

阅读量971

点赞数

分类专栏： JavaScript基础

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/47322373

版权

JavaScript基础专栏收录该内容

46 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<!--Javascript事件-->
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css18.css" type="text/css" rel="stylesheet">
</head>
<body οnlοad="jaizaiDemo()">
<!--点击事件-->
   <!--<button οnclick="demo()">按钮</button>-->
   <!--<script>-->
      <!--function demo(){-->
          <!--alert("你好");-->
      <!--}-->
   <!--</script>-->


<!--鼠标经过事件onmouseover-->
<!--鼠标移出事件onmousemove-->
<!--<div class="div" οnmοuseοut="onOver(this)" οnmοusemοve="onMove(this)"></div>-->
<!--<script>-->
    <!--function onOver(ooj){-->
        <!--ooj.innerHTML="鼠标经过事件"-->
    <!--}-->
    <!--function onMove(ooj){-->
        <!--ooj.innerHTML="鼠标移出事件"-->
    <!--}-->

<!--</script>-->

<!--文本内容改变事件onchange-->
<!--<form>-->
    <!--<input type="text" οnchange="changeDemo(this)">-->
<!--</form>-->
<!--<script>-->
    <!--function changeDemo(bg){-->
        <!--alert("类容改变了")-->

    <!--}-->
<!--</script>-->

<!--文本框内容选中事件onselect-->
<!--<form>-->
    <!--<input type="text" οnselect="onselectDemo(this)">-->
<!--</form>-->
<!--<script>-->
    <!--function onselectDemo(bg){-->
        <!--alert("文本框");-->
        <!--bg.style.background="red";-->

    <!--}-->

<!--</script>-->

<!--&lt;!&ndash;光标聚集事件onfocus&ndash;&gt;-->
<!--<form>-->
<!--<input type="text" οnfοcus="onselectDemo(this)">-->
<!--</form>-->
<!--<script>-->
<!--function onselectDemo(bg){-->
<!--alert("文本框");-->
<!--bg.style.background="red";-->

<!--}-->

<!--</script>-->

<!--网页加载事件-->

<!--</script>-->

<!--网页加载事件onload在body中调用-->

<script>
function jaizaiDemo(){
alert("网页加载成功");

}

</script>





</body>
</html>

css:

.div{
    height: 100px;
    width: 100px;
    background-color: aqua;
}

zhaihaohao1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录