web前端：JS高级---沙箱小案例

　　Javascript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。

　　沙箱小案例

　　substr截取,从指定的字段开始截取

　　(function(){

　　varstr="小白喜欢小黑";

　　str=str.substr(2);

　　console.log(str);

　　}());

　　substr截取,从指定的字段开始截取

　　//沙箱

　　(function(){

　　varstr="小明喜欢小红";

　　str=str.substr(2);

　　console.log(str);

　　}());

　　沙箱的案例，操作页面元素

　　<div>这是div</div>

　　<div>这是div</div>

　　<div>这是div</div>

　　<p>这是p</p>

　　<p>这是p</p>

　　<p>这是p</p>

　　<script>

　　vargetTag=10;

　　vardvObjs=20;

　　varpObjs=30;

　　(function(){

　　//根据标签名字获取元素

　　functiongetTag(tagName){

　　returndocument.getElementsByTagName(tagName);

　　}

　　//获取所有div

　　vardvObjs=getTag("div");

　　for(vari=0;i<dvObjs.length;i++){

　　dvObjs[i].style.border="2pxsolidpink";

　　}

　　//获取所有p

　　varpObjs=getTag("p");

　　for(vari=0;i<pObjs.length;i++){

　　pObjs[i].style.border="2pxsolidpink";

　　}

　　}());

　　console.log(getTag);

　　console.log(dvObjs);

　　console.log(pObjs);

　　</script>

　　JavaScript程序是由若干语句组成的，语句是编写程序的指令。JavaScript提供了完整的基本编程语句，它们是：

　　赋值语句、switch选择语句、while循环语句、for循环语句、foreach循环语句、do...while循环语句、break循环中止语句、continue循环中断语句、with语句、try…catch语句、if语句（if..else，if…elseif…）。