CSS及其Script

mac2024-01-29  32

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 /父节内上一个兄弟标签元素
最新回复(0)