网站前端,JS属性操作

北京白癜风到哪里治 https://myyk.familydoctor.com.cn/2831/newslist_3_273.html

练习的时候,兄弟们的心情可能是这样的

说多了都是泪

这也是正常的,毕竟刚接触.

解决方法就是

往死里练

前端语言,不是学出来的,是练出来的。

上节其实是前戏,从这节开始,我们正式开始学习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])

=一个等号就是赋值

==两个等号就是比较比较等号两边的值

兄弟们可以试着写个图片切换的效果,多多练习,支持加


转载请注明:http://www.aierlanlan.com/cyrz/1737.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了