Javascript总结-基本语法_asp 基本语法 document-优快云博客

本文链接：https://blog.youkuaiyun.com/zou_yufei/article/details/9878971

1. html语言是从上到下顺序执行的，所以下面代码会报错。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var txt = document.getElementById("txt").value;
        alert(txt);
    </script>
</head>
<body>
    <input type="text" value="123" id="txt" />
</body>
</html>

2.方法的声明和调用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
    <title></title>  
    <script type="text/javascript">  
        //参数无类型    
        function fun(param) {  
            alert(param);  
        }  
  
        //无需表明返回值，直接返回即可  
        function fun1(param) {  
            return param + 1;  
        }  
  
    </script>  
</head>  
<body>  
    <!--直接在html中调用js-->  
    <input type="button" onclick="alert('hello')" value="Hello" />  
    <!--按钮-->  
    <input type="button" onclick="fun('我是按钮触发的')" value="test" />  
    <!--超链接调用js而不转向-->  
    <a href="javascript:fun('我是超级链接触发的')">Hello</a>  
    <!--测试返回值-->  
    <input type="button" onclick="alert(fun1(1))" value="1+1=?" />  
</body>  
</html>

3.判断变量是否初始化

var i;
if (!i) {
     alert("未初始化");
 }

4.数组的声明和遍历

<script type="text/javascript">

        //两种声明数组的方法

        var array1 = new Array();
        array1[0] = "a";
        array1[1] = 1;
        array1[2] = "c";
        
        var array2 = [1, 2, 3, 4];

        //遍历数组
        for (var i = 0; i < array1.length; i++) {
            alert(array1[i]);
        }
    </script>

5.Hashmap的声明和遍历

 <script type="text/javascript">
        //两种声明map的方法

        var dic = new Array();
        dic["你"] = "ni";
        dic["好"] = "hao";
        

        var dic1 = { "你": "ni", "好": "hao" };

        //遍历map
        for (var key in dic) {
            alert(key + "   " + dic[key]);
        }

    </script>