练习的时候,兄弟们的心情可能是这样的
说多了都是泪这也是正常的,毕竟刚接触.
解决方法就是
往死里练前端语言,不是学出来的,是练出来的。
上节其实是前戏,从这节开始,我们正式开始学习JS
字符串拼接ifinnerHTMLclassName“-”
JS属性操作
属性操作属性在标签中设置属性方法:属性名=属性值
在CSS中设置属性方法:属性名:属性值;
操作读操作获取查找方法:元素.属性名例:oDiv.style.width
写操作添加替换修改方法:元素.属性名=新要设置的值例:oDiv.style.width=px
=一个等号就是赋值会把等号右边的给左边
!DOCTYPEhtml
html
head
metacharset=UTF-8
titleDocument/title
/head
body
inputtype=textvalue=id=btn1
inputtype=buttonvalue=开始id=btn2
br
imgsrc=width=height=alt=id=img1
/body
/html
script
varoBtn1=document.getElementById(btn1);
varoBtn12=document.getElementById(btn2);
oBtn1.onclick=function(){
alert(oBtn1.value);
}
/script
字符串的拼接
字符串就是js数据类型的一种
vara=10;数字类型可以进行运算
varb=‘10px’;字符串类型进行拼接
varc=‘西安’;
alert(b+c);alert(3+5)alert(畅网科技+in+c)+数字类型相加可以运算就是相加字符串类型和任何类型相加都是字符串,都会进行拼接。
条件判断语句if
if(){}
if(){}else{}
在括号中,接受的是一个布尔值true真的false假的
在if的括号当中接受的是一个布尔值,为true的时候,走if的大括号中的代码为false的时候,走else的大括号中的代码if可以进行嵌套if可以多条件
在if括号中的值,都会变成一个布尔值
innelHTML
innelHTML就是元素里面所有的东西文字换行标签等
innelHTML可以进行读操作,也可以进行写操作
oDiv.innerHTML读取元素里面的内容
oDiv.innerHTML=新的值;替换用新的值代替旧的值
+=在自身的基础上累加一个新的值可以用加等例a=a+2;a+=2;
“-”:在JS中的属性操作中,不允许出现“-”,用驼峰式命名代替
例:oDiv.style.background-color=green;是错误的,应该是:oDiv.style.backgroundColor=green;
oDiv.style.background-image=url(img/1.jpg);是错误的,应该是:oDiv.style.backgroundImage=url(img/1.jpg);
oDiv.style.background-size=50%,50%;是错误的,应该是:oDiv.style.backgroundSize=50%,50%;
数组
数组就是用来存数据的大仓库
每一个数据中间用逗号隔开通过数组下标读取下标是从0开始例
vararr=[1,2,img/1.jpg];
altert([2])
=一个等号就是赋值
==两个等号就是比较比较等号两边的值
兄弟们可以试着写个图片切换的效果,多多练习,支持加