js+html(my first lesson)

最新推荐文章于 2024-10-17 15:53:46 发布

陈雪666

最新推荐文章于 2024-10-17 15:53:46 发布

阅读量563

点赞数

分类专栏： JS 文章标签： js html css

本文链接：https://blog.csdn.net/sky_snow45/article/details/44302127

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

我们写一个网页，不仅仅是用来显示，对于使用者而言，交互或许更重要，这就需要Javascript的灵活使用咯。Javascript与HTML，CSS是构成网页的三大元素。HTML是框架，CSS是样式，Javascript是交互（自己理解的(*^__^*) ）

HTML + CSS + JavaScript = 真正的交互

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>iRock - The  Virtual Pet</title>

    <script type = "text/javascript">
        function touchRock(){
            var userName = prompt("What is your name?", "Enter your name here.");

            if(userName){
            alert("It is good to meet you," + userName + ".");
            document.getElementById("rockImg").src = "haizei_lufei.jpg";

             }
        }
        </script>
</head>
<body οnlοad="alert('Hello, I am your pet rock.');">
    <div style="margin-top: 100px; text-align: center">
    <img id = "rockImg" src = "haizei.jpg" alt = "iRock" style = "cursor: pointer" onclick = "touchRock()"/>
        </div>
</body>
</html>