CSS及其Script

CSS补充及Script应用

一、背景图片插入

 <div style="background-image: url(图片路径);background-repeat:repeat-y;></div>
 //background-repeat:repeat-y;  在y方向堆叠x方向类似，不堆叠no-repeat；
 //background-position-x:0;background-position-y: -20px "  举例说明出现在div中图片的相对位置

二、script应用

①在文件中引用

<script src="js路径">  </script>

②直接在body中写

三、数据类型

① 数字（包含整型浮点型）

a=10;

② 字符串

a="wang"
i=parseInt(a); //将字符串转换成数字
a.charAt(0)      //w
a.substring(1,3)   //ang
a.length   //求字符串长度
a.indexof('ng')   //求子序列在字符串中位置
a.concat('zi')   //字符串拼接

③布尔类型

a=true;
a=false;  //小写

④数组：

a=[11,22,33];
a.push(内容) //尾部添加内容
a.pop(内容)//尾部获取
a.unshift(内容)//头部添加
a.shift(内容)//头部获取
a.splice(n,0,value);//在位置n插入元素
a.splice(n,1,value);//在位置n替换元素
a.splice(n,1);//删除位置n的元素

⑤字典

a={'k1':'v1','k2':'v2'};
a['k1']=v1;

⑥for循环

for循环1：
   a=[111,222,333]
   for(var item in a){
    console.log(item);
}  //此时获得的是元素所在数组的序号；若要得要元素则将item改成a.[item]
 for循环2：
   a=[111,222,333]
   for(var i=0;i<a.length;i++){
   console.log(i);
}   //不支持字典类型

⑦条件语句及其与或

if(条件){
}else if（条件）{}
else if（条件）{}
 1=="1" //只要值相等，返回值 true；
 1==="1"  //值和类型都要相等  否则返回false
 &&  //与
 ||  //或

⑧函数

function 函数名（形参）{
}

DOM：

1、找到标签

  document.getElementById('i1');  #根据id获取一个标签
  document.getElementsByTagName('div')  #根据标签名获取多个标签集合（列表）
  document.getElementsByClassName('c1')  #根据class属性获取标签集合
  document.getElementsByName('n1')  #根据name属性获取多个标签集合（列表）

2、操作标签：

   获取标签中的文本内容
   标签.innerText   #document.getElementById('i1').innerText
   标签.innerText=''  //对标签内部文本进行重新布置
   document.getElementsByTagName('a')

九、其它标签的使用（距举例）

tags=document.getElementsByTagName('a')
for(var i=0;i<tags.length;i++){
tags[i].innerText=777;
}  #利用for循环将a标签内容全改为777
tag=    document.getElementsByTagName('a')


tag.parentElement  //父节点标签元素
tag.parentElement .children   //父节点内的所有子标签
tag.parentElement .firstElementChild /父节点内第一个子标签元素
tag.parentElement .lastElementChild /父节点内最后一个子标签元素
tag.parentElement .nextElementSibling /父节内下一个兄弟标签元素
tag.parentElement .previousElementSibling /父节内上一个兄弟标签元素