网页前端（15）JS变量

变量

• JavaScript 是一种弱类型语言，javascript的变量类型由它的值来决定。 定义变量需要用关键字 'var'

 var a = 123;
 var b = 'asd';

//同时定义多个变量可以用","隔开，公用一个‘var’关键字

  var c = 45,d='qwe',f='68';

变量类型

5种基本数据类型：
number、string、boolean、undefined、null

1种复合类型：
object

变量、函数、属性、函数参数命名规范
1、区分大小写
2、第一个字符必须是字母、下划线（_）或者美元符号（$）
3、其他字符可以是字母、下划线、美元符或数字

---

获取元素方法一

• 以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素，获取到的是一个html对象，然后将它赋值给一个变量

tip：上面的语句，如果把javascript写在元素的上面，就会出错，因为页面上从上往下加载执行的，javascript去页面上获取元素div1的时候，元素div1还没有加载

解决方法有两种：

• 第一种方法：将javascript放到页面最下边

• 第二种方法：将javascript语句放到window.onload触发的函数里面,获取元素的语句会在页面加载完后才执行，就不会出错了。

  
  ....  
  这是一个div元素
  

---

操作元素属性

• 获取的页面元素，就可以对页面元素的属性进行操作，属性的操作包括属性的读和写。

• 操作属性的方法
  1、“.” 操作
  2、“[ ]”操作

属性写法

1、html的属性和js里面属性写法一样
2、“class” 属性写成 “className”
3、“style” 属性里面的属性，有横杠的改成驼峰式，比如：“font-size”，改成”style.fontSize”

通过“.”操作属性：

传智播客

通过“[ ]”操作属性：

......



传智播客

innerHTML

innerHTML可以读取或者写入标签包裹的内容

......
这是一个div元素