初始js

初識js

<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="Keywords" content="" />
        <meta name="description" content="" />
        <title>初識js</title>
    </head>
<body>

    <!-- 
        js的特點:
            js是有Unicode字符集編寫的,完全支持文本,Unicode是ASCII和 Latin-1 超集。

        JS注意規(guī)范:
            1. js嚴(yán)重區(qū)分大小寫
            2. 每句代碼結(jié)束之后使用分號代表結(jié)束。
            3. 命名規(guī)范,構(gòu)造函數(shù)首字母大寫,再駝峰,函數(shù)首字母小寫,再駝峰。
     -->

    <!-- <a href="javascript: void(0);" onclick="alert('別看我是一個a標(biāo)簽!')">我是一個a標(biāo)簽</a> -->
    
    <!-- <script src="first.js"></script> -->
    
    <div class="box">4</div>
    <div class="box">3</div>
    <div class="box">2</div>
    <span id="boxes">1</span>
    
    <ul class="list">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>

    <input id="inp1" type="text" name="user" value="123" />
    <input type="text" name="user" />

    <script>

        /*
            獲取節(jié)點元素:
                document.getElementById("id名字")  通過id名字獲取   返回單個元素
                document.getElementsByClassName("class名字") IE9+ 通過class名字來獲取   返回集合
                document.getElementsByTagName("標(biāo)簽名字") 通過標(biāo)簽名字來獲取元素  返回集合
         */
        
        // var list = document.getElementsByClassName("list")[0];
        // alert( list.getElementsByTagName("li").length );
        
        // alert(document.getElementsByName("user").length);

        // for(var key in document) {
        //     console.log(key+ "======"+document[key]);
        // }

        var box = document.getElementById("boxes");

        // box.innerHTML = "This is js!<a href=\"http://baidu.com\">跳轉(zhuǎn)百度</a>";
        box.innerText += "This is js!<a href=\"http://baidu.com\">跳轉(zhuǎn)百度</a>";

        var inp1 = document.getElementById("inp1");

        inp1.value += "This is js!";

        alert(inp1.value);


    </script>

</body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容