首页 > 代码库 > JavaScript对于函数的调用及原理

JavaScript对于函数的调用及原理

<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>

JavaScript对于函数的调用及原理