沙箱

* 沙箱：环境，虚拟
* ()();
* (());
* 
* 优点：代码结束，释放空间
* */

//沙箱小案例
(function () {
    var str="小白喜欢小黑";
    str=str.substr(2);//截取从第二个后开始
    console.log(str);//喜欢小黑
})();

(function (){
    var str2="小红喜欢小绿";
    str2=str2.substr(2);
    console.log(str2);//喜欢小绿
}());

<div>这是div</div>
<div>这是div</div>
<div>这是div</div>
<p>这是P</p>
<p>这是P</p>
<p>这是P</p>
<script>
    //既能输出值，有能输入变量
    var getTag=10;
    var dvObj=20;
    var pObj=30;
    (function () {
        //根据标签名字获取元素
        function getTag(tagName) {
            return document.getElementsByTagName(tagName);
        }
        //获取所有div
        var dvObj=getTag("div");
        for(var i=0;i<dvObj.length;i++){
            dvObj[i].style.border="1px solid pink";
        }
        //获取所有p
        var pObj=getTag("p");
        for(var i=0;i<pObj.length;i++){
            pObj[i].style.border="1px solid pink";
        }
    }());
    console.log(getTag);
    console.log(dvObj);
    console.log(pObj);