变量

作者: 小冷哥WW | 来源:发表于2018-09-21 09:15 被阅读0次

    1、变量与字符串:

    变量:是一个容器,里面是用来存方东西的,可以使数字,也可以是字符串,也可以是对象,也可以是其他的东西,比如说布尔值。

    字符串:一串字符。比如abc

    变量是可以接受字符串的:

    var str = "abcdef";

    var str1 = 'abc';

    也就是说在定义字符串的时候,可以使用单引号也可以使用双引号。

    在代码中使用到字符串的时候必须要加上引号,使用变量的时候不需要(不能加)。

    2、通过JS的obj.style.样式操作的是元素的行间属性。

    行间样式: 直接写在HTML元素style属性中的样式

    内部样式: 写在HTML头部的style标签里面的样式

    外部样式: 通过link或者@import引入的外部样式

    3、优先级:

    猜想1:内部 》 行间 》 外部

    猜想2:行间 》 内部 》外部

    实验:如果样式没有冲突,显示的时候会怎么样?

    结论:所有的设置的样式效果都会显示

    实验:如果样式有冲突,显示的时候会怎么样?

    结论1:行间的样式优先级最高。

    结论2:外部样式与内部样式谁距离标签近,谁的优先级高。

    4、id选择器、class选择器、标签选择器。优先级谁高?

        id  >  class  >  标签

    在操作元素样式的要统一,要不全部使用行间样式操作,要不全部统一为操作元素的类。

    5、jS代码是按照从上到下的顺序加载的,执行循序也是从上到下。一行代码执行完成之后,再加载下一行代码。

    一个页面中script标签可以有很多个。

    6、匿名函数,当一个函数直接赋值的时候,这个时候函数不需要具有名字,类似的比如赋值给事件,赋值给变量都不需要名字,这样的函数叫做匿名函数。

    匿名函数的格式:

    var a = function (){

    };

    7、window.onload

    页面加载事件,当整个页面的所有HTML标签加载完成的时候,会自动的触发这个事件。有了这个事件我们就不需要考虑JS的位置了。写在onload事件函数里面的代码会在页面加载完成的时候执行。

    8、JS规范

    自己写的JS一般书写在body结束标签之前,所有的页面标签之后。

    9、行间事件的提取

    样式表现 ,行为 与内容相分离。

    内容与样式分离

    1. 首先通过JS获取出来要添加事件的标签

    var oBtn = document.getElementById('btn');

    2. 给这个标签添加指定的事件处理函数

    oBtn.onclick = function(){};

    3. 实现函数

    oBtn.onclick = function(){

    var oDiv = document.getElementById('div');

    oDiv.className = 'to-blue';

    };

    10、页面添加CSS的方式

    行间: 直接写在标签的style属性值

    内部: 写在HTML头部里面的style标签里

    外部: 通过link引入一个css文件

    11、页面添加JS 的方式

    行间:a标签的href.  行间事件

    内部:写在script标签里面

    外部:通过script标签的src属性引入。

    一旦script标签通过src属性引入了外部的js文件,这个标签的内部就不能写任何JS代码

    12、document.getElementsByTagName

    属于DOM操作

    get Element s By    Tag  Name

    获取  元素  们 根据 标签  名

    注意:获取的是一组数据,即使里面符合条件的只有一个,那么也是一组数据。

    获取出来的数据是一个数组。

    数组就是一组数据。数组具有一个length属性,这个属性可以获取出来数组中具有多少个数据。length会随着数组元素的个数发生变化。

    get Element s By ClassName

    获取  元素  们 根据  类名

    13、while循环  执行循环

    起床 --- 上课  ----吃饭  ---睡觉 ---上课 ----吃饭 ---睡觉

    数学 1+100

    while(条件){

    循环执行过程

    改变条件

    }

    例子:打印1-100

    //1初始化循环条件

    var a= 1;

    //2判断是否符合循环条件

    while(a < 101){

    //执行循环内容

    console.log(a);

    //3改变循环条件

    a = a + 1;

    }

    1,for循环

    for(初始化;条件判断;改变循环条件){

    };

    this 每一个函数都有自己调用的对象;

    如果s直接使用的系统函数或者是用户自定义的函数,他们的this都是通过浏览器调用的也就是window。

    window。onload

    alert.===window.alert();

    有了this我们就可以在函数内部获取到调用这个函数的对象。

    而且this只能使用在函数的内部,每一个函数都具有this。

    数组:能够保留一组数据的变量类型。

    数字  字符串

    var aee = [1,2,3];

    每一个数组都具有一个lenght的属性,这个属性是记录这个数组中的数据个数。

    innerHTML

    能够获取出HTML标签里面的内容与设置html标签里面的内容

    不仅能够获取或者设置文字而且能够设置或者获取带有html的标签内容

    +号

    数学的计算 加法运算

    神奇的胶水,能够将字符串连接起来

    相关文章

      网友评论

          本文标题:变量

          本文链接:https://www.haomeiwen.com/subject/lmuggftx.html