美文网首页
前端知识

前端知识

作者: BaiBao丶 | 来源:发表于2018-12-06 15:44 被阅读0次

通过标签获取元素

document.getElementsByTagName();标签获取元素

循环

有规律重复可以用循环来做
for循环

for(var i=0; i<8; i++){
aLi[i].style.background='gold'
}

window.onload = function () {
var olist = document.getElementById('list01');
var ali = olist.getElementsByTagName('li');
for(var i=0;i<8;i++){
if(i%2 == 0){
ali[i].style.backgroundColor = 'gold';
}
}
i++;
}

while循环

var i=0;
while (i<aLi.length){
if(i%2==0){
aLi[i].style. background='gold';
}
i++;
}

do...while循环

var i = 0;
do {
if (i % 2 == 0) {
ali[i].style.backgroundColor = 'gold';
}
i++;
} while (i < ali.length);
}

while和do while的区别:
do while是大括号里无论如何都先执行一次,执行完再判断是否成立
while是先判断是否成立,然后在执行大括号的内容

数组去重

var aRr=[1,3,4,1,6,9,1,2,5,3,1,6,5,4,4];
var aRr2=[];
for(var i=0;i<aRr.length;i++){
if (aRr.indexof(aRr[1])==1{
aRr2.push(aRr[i]);
}
}
alert(aRr2);

字符串处理

var str="2018-12-03";
var arr=str.split('-');//2018,12,03
alert(arr);
var arr = str.split('')//"2","0","1","8","-","1","2","-","0","3"
console.log(arr);

touppercase()转大写
tolowercase()转小写

字符串反转

var str = "12sdadsad5646sadsadas";
//spilt()字符串转为数组
//reverse()数组反转
//join()数组转成字符串
var str1 = str.split('').reverse().join('')
alert(str1)

先用spilt方法将字符串转成数组,然后在用数组反转,最后用join将数组转成字符串

相关文章

  • Web框架体系

    Web 前端知识体系精简 web前端知识体系图 web前端知识体系大全 HTML,CSS,JavaScript知识...

  • WEB前端要学些什么?WEB前端学习路线!WEB前端从入门到精通

    免客套,直接上料! 一.资源教程: 综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系...

  • 前端资源教程

    资源教程原文 综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版Web Front...

  • 学习Vue框架之前,要有JavaScript的知识储备

    前端三剑客知识储备(有关前端的专题) ☑ HTML基础知识 ☑ CSS基础知识 ☑ JavaScript5基础知识...

  • 前端知识个人总结链接

    各类全总结 常用全总结 链接 全栈练习 链接 前端面试知识总结 链接 工作其它知识学习 链接 前端优化 前端优化 ...

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

  • 推荐几个好的前端博客和网站

    前端开发博客前端开发博客-前端开发,前端博客 对前端知识结构的理解人类身份验证 - SegmentFault 脚本...

  • 电商网站前端架构 学习笔记(全是干货)

    1:前端架构的基本知识 1: 前端工程师必须会的一些技能 2: 前端架构基本知识 什么是前端架构?每个人对每个架构...

  • 前端知识

    meta 表示“变化”“变换”之义 viewport 表示“视口,视窗”,如在电脑上,只有一个视口(Viewpor...

  • 前端知识

    [TOC] 一、对于网页的基本理解 网页是一种数据展示和信息交互的载体生活中,我们通过各种各样的方式获取信息,网页...

网友评论

      本文标题:前端知识

      本文链接:https://www.haomeiwen.com/subject/aryocqtx.html