javascript中关于变量定义及范围

时间 2021-01-22

标签 javascript css html java jquery ide spa htm 栏目 JavaScript 繁體版

原文原文链接

<head>
    <title></title>
    <style type="text/css">
        div{background-color:#efddfe; width:400px; height:20px }
    </style>
    <script src="jquery-1.7.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        alert(i);
        var i = "head内定义变量";
        alert(i);
    </script>
    <script type="text/javascript">
        alert(i);
    </script>
</head>
<body>
<div>
    <script type="text/javascript">
        document.write(i);
        document.write(j);
    </script>
</div>

<div>
    <script type="text/javascript">
        var j = "body内定义的变量";
        document.write(i);
        document.write(j);
    </script>
</div> 

<div>
    <script type="text/javascript">
        document.write(i);
        document.write(j);
    </script>
</div>
</body>
</html>

javascript中，变量定义的位置与写在哪一个<script></script>标签对内无关，只分先后顺序，写在前面的后面就可以访问，写在后面的前面会提示“未定义”。javascript

　　例如：在页面顶部<head>标签对内定义的变量，在页面任意地方都能用。可是在页面<body>内部定义的变量，就只能在其后面的地方的可以使用。css