web前端:JS高级---沙箱小案例
马六甲海峡
2024-04-23 23:01
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…)。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341