JS2

作者: 洲_2e26 | 来源:发表于2018-11-09 09:43 被阅读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');

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

oBtn.onclick = function(){};

  1. 实现函数

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的标签内容

+号

数学的计算 加法运算

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

相关文章

  • js2

    ##数据API: **1.string();把数组转换成字符串** 代码如下 ```js var a=[1,2,3...

  • js2

    JS2 一.常量:常量名必须大写 常量一旦声明就不可以被改变 一旦声明两个被改变了,就会报错 二.六种数据类型相加...

  • JS2

    1、变量与字符串: 变量:是一个容器,里面是用来存方东西的,可以使数字,也可以是字符串,也可以是对象,也可以是其他...

  • JS2

    javascript知识体系:该框架一共4个页面构成:一共有4个window对象,window对象就是一个html...

  • JS2

    function run(num) { let x="Fizz",y="Buzz",z="Whizz",l="Fi...

  • JS2

    第五章******************************************************...

  • js2

    运算符 运算符也叫操作符 通过运算符可以对一个或多个值进行运算,并获取运算结果 比如:typeof就是运算符,可以...

  • JS2

    var name1console.log(name1) // 同时声明多个变量var age =18,sex, s...

  • react学习(2)

    知识点 1:babel.js的作用:ES6=>ES5,jsx=>js2:小案例

  • 原生js 图片懒加载

    1、使用方法 1、引入下面js2、在img添加 class="lazyloadimg" 类名,src 里面是默认图...

网友评论

      本文标题:JS2

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