JavaScript对于函数的调用及原理

时间：2024-04-22 12:37:59

<js>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <style type="text/css">

        .div1{ width:100px; height:50px; background-color:Gray; opacity: 0.5; border:1px solid red;  box-shadow:0 0 50px inset;  border-radius:10px; margin:100px auto}

    </style>

    <script type="text/javascript">

        function gaibian() {

            document.title = "广东易通"; //改变网页标题为“广东易通”

            window.alert("哈哈"); //弹出一个窗体，窗体中显示“哈哈”

            window.location = "http://www.baidu.com"; //页面跳转到百度

        }

    </script>

</head>

<body style=" margin:0px; padding:0px">

<div class="div1"  onclick="gaibian()"></div>   

<!--这个“gaibian”就是我要单击div的时候要运行的这么一个事，这个事就叫“gaibian”后面的那个()就表示“运行”-->

<!--<div class="div1"  onclick="gaibian()"></div>；这个div就行响应单击事件了。当用户单击这个div的时候，浏览器就会被运行一个叫做“gaibian”的事件。()这个圆括号就表示运行，绝对不能缺少-->

</body>

</html>

相关文章