- 博客(33)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 HTML网页中如何实现内容不随滚动条移动
div的样式中使用相当于浏览器窗口定位——position:fixed一、position:fixed属性的含义fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。我们平时所说的固定定位指的就是 fixed，设置了固定定位的元素不会随滚动条上下滚动。二、一般的 position:fi...
2019-06-29 17:46:04
8917
1
原创 JavaScript 如何在所有的浏览器中，均可获取元素当前显示样式
一、代码部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 200px; height: 200px; ...
2019-06-29 14:37:02
684
原创 JavaScript 获取元素的当前显示的样式
一、 在 IE 浏览器中获取元素的当前显示的样式语法：元素 . currentStyle . 样式名它可以用来读取当前元素正在显示的样式，如果当前元素没有设置该样式，则获取它的默认值注意：这个方法，只兼容于 IE 浏览器，其他浏览器均不支持，如下图：读取元素样式，返回的值带有单位，例如：px若我们要使用读取元素样式返回的值，需取出其中的数字，即：parseInt()若不设置 w...
2019-06-29 14:36:22
1464
原创 JavaScript 通过DOM操作CSS
一、书写 HTML 标签并为其设置CSS样式，如下图：二、执行上述代码，运行结果，如下图：三、点击按钮1以后，修改元素的样式，JS代码，如下图：四、点击按钮1，即可修改元素样式，如下图：五、点击按钮2以后，读取元素的样式，JS代码，如下图：六、点击按钮2，即可读取元素样式，如下图：七、总结通过style属性设置和读取的都是内联样式，无法读取样式表中的样式读取元素样...
2019-06-29 14:36:03
467
原创 案例：当鼠标在第一个div中移动时，在第二个div中显示鼠标相应的坐标值
下面给大家分享一个小案例，如下图：目的：当鼠标在第一个 div 中移动时，可以在第二个 div 中会显示鼠标对应的坐标值一、创建两个 div 元素并为其设置 CSS 样式，如下图：运行效果，如下图：二、书写 JavaScript 部分，先获取两个 div 元素，如下图：三、当鼠标移入第一个 div 时，触发上述效果，因此我们使用"onmousemove"事件，如下图：on...
2019-06-26 23:52:47
1271
原创 JavaScript DOM查询的剩余方法
一、获取 body 标签的方法1、使用 getElementsByTagName('body')[0] 方法进行获取2、在 document 中有一个属性 body，它保存的是 body 的引用二、获取 html 标签的方法document.documentElement 保存的是 html 根标签三、获取页面中所有元素的方法document.all 代表页面中所有的元素...
2019-06-26 09:28:06
303
原创 JavaScript querySelector()、querySelectorAll()方法介绍
一、getElementsByClassName()方法不足之处在之前的学习中，我们了解到，可以根据元素的 class 属性值查询一组元素节点对象，即：getElementsByClassName()，但是这个方法不支持 IE8 及以下的浏览器。在我们的实际开发中，会特别的受限，为了兼容 IE8 及以下的浏览器，我们可以采用一种新的方法，这种方法在我们的实际开发中也很常用，因此我们要熟练掌握...
2019-06-26 09:21:10
44253
原创 JavaScript getElementsByName()方法介绍
getElementsByName()根据 name 属性获取一组元素节点对象getElementsByName()可以根据 name 属性获取一组元素节点对象，该方法所有浏览器均可使用注意：这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中，如下图：我们若要查找具体元素，就必须使用索引，如下图：我们可以通过 length 属性，获取其长度，如下图：我们可以...
2019-06-25 10:40:13
34441
3
原创 JavaScript getElementsByTagName()方法介绍
getElementsByTagName()根据 标签名 获取一组元素节点对象getElementsByTagName()可以根据 标签名 获取一组元素节点对象，该方法所有浏览器均可使用，即使查询到的元素只有一个，也会封装到数组中返回注意：这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中，如下图：我们若要查找具体元素，就必须使用索引，如下图：我们可以通过 in...
2019-06-25 10:40:01
13238
5
原创 JavaScript getElementsByClassName()方法介绍
根据元素的class属性值查询一组元素节点对象getElementsByClassName()可以根据class属性值获取一组元素节点对象，但是该方法不支持IE8及以下的浏览器注意：这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中，如下图：我们若要查找具体元素，就必须使用索引，如下图：我们可以通过length属性，获取其长度，如下图：我们可以通过innerHT...
2019-06-25 10:39:22
25968
1
原创 JavaScript getElementById()方法介绍
getElementById()根据元素的 id 属性获取一个元素节点对象getElementById()可以根据元素的 id 属性获取一个元素节点对象，该方法所有浏览器均可使用返回带有指定 ID 的元素，如下图：我们可以通过 innerHTML 属性(获取或者设置元素的内容(包含 HTML 标签 解析))，如下图：我们可以通过 innerText 属性(获取或者设置元素的内容 ...
2019-06-25 10:37:58
56090
原创 JavaScript 算术运算符和一元运算符
一、算术运算符运算符也叫操作符【1】概念通过运算符可以对一个或多个值进行运算，并获取运算结果比如：typeof 就是运算符，可以来获得一个值的类型，它会将该值的类型以字符串的形式返回当对非 Number 类型的值进行运算时，会将这些值转换为 Number，然后在运算任何值和 NaN 做运算符都得 NaN【2】讲解+可以对两个值进行加法运算，并将结果返回如果对两个字符串进行...
2019-06-24 00:21:41
776
原创 JavaScript 强制类型转换(Boolean)
四、强制类型转换----Boolean转换方式一：使用 Boolean()函数数字---->布尔值除了 0 和 NaN，其余的都是 true字符串---->布尔值除了空串，其余的都是 truenull---->布尔值都会转换为 trueundefined---->布尔值都会转换为 true对象---->布尔值...
2019-06-23 23:07:56
1769
原创 JavaScript 强制类型转换(Number)
三、强制类型转换----Number转换方式一：使用 Number()函数【1】字符串----->数字如果是纯数字的字符串，则直接将其转换为数字如果字符串中有非数字的内容，则转换为 NaN如果字符串是一个空串或者是一个全是空格的字符串，则转换为 0【2】布尔值----->数字true 转换成 1，false 转换成 0【3】Null----->数字N...
2019-06-21 00:05:33
4625
原创 JavaScript 强制类型转换(String)
一、强制类型转换指将一个数据类型强制转换为其他的数据类型类型转换主要指，将其他的数据类型，转换为 String、Number、Boolean二、强制类型转换----String1、将其他的数据类型转换为 String方式一：调用被转换类型的 toString() 方法该方法不会影响到原变量，它会将转换的结果返回但是注意：null 和 undefined 这两个值没有 toS...
2019-06-20 00:47:34
2995
原创 JavaScript 五大基本数据类型详细讲解
1、String 字符串在JavaScript中字符串需要使用引号引起来 var str = "hello";使用双引号或单引号都可以，但是不要混着用 str = "欢迎关注：'英莱特_何某'";引号不能嵌套，双引号不能放双引号，单引号不能放单引号2、Number在JavaScript中所有的数值都是Number类型，包括整数和浮点数 (小数)数字123 var a = 123;...
2019-06-19 23:52:00
1291
2
原创 JavaScript 关于截取字符串substr和substring两者的区别
一、substr和substring两者内容区别总结函数： stringObject.substring(startIndex, endIndex)参数： startIndex必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。endIndex可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参...
2019-06-15 00:45:56
1019
原创 JavaScript DOM操作获取页面中的元素
DOM(初级的DOM操作) （Document object Model） 获取页面中的元素一、获取页面中的元素：(1)通过元素的 id 获取页面中的元素 document.getElementById(id的值)； 返回结果： object(2)通过元素的类名称获取页面中的元素document.getElementsByClassName(class的值)； 返回结果： 一个o...
2019-06-14 23:46:52
496
原创 JavaScript 枚举对象属性——for...in语句 详细讲解
枚举对象的属性，可以使用 for…in 语句一、语法：for(var 变量 in 对象){}for…in语句，对象中有几个属性，循环体就会执行几次每次执行时，会将对象中的一个属性的名字赋值给变量二、举例：【1】在 script 标签中，首先我们创建一个对象，并写出以下属性名与属性值：<script type="text/javascript">var obj...
2019-06-14 23:13:33
1573
原创 JavaScript 数据类型自动转换
数据类型自动转换值（value）字符串操作环境数字运算环境逻辑运算环境对象操作环境undefined“undefined”NaNfalseErrornull“null”0falseError非空字符串不转换字符串对应的数字值或NaNtrueString空字符串不转换0falseString0“0”不转换fa...
2019-06-13 16:08:14
400
原创 JavaScript 不同类型数据的检测结果
不同类型数据的检测结果值（value）typeof value（表达式返回值）value.constructor（构造函数的属性值）var value = 1“number”Numbervar value = “a”“string”Stringvar value = true“boolean”Booleanvar value = {}“obj...
2019-06-13 15:33:54
311
原创 JavaScript 数组详细讲解 (四)
四、字符串(String)对象及处理字符串的方法(下篇)(6) 字符串大小写转换在 JavaScript 中，使用 toLowerCase()和 toUpperCase()这两种方法来转化 字符串的大小写。其中，toLowerCase()方法将大写字符串转换为小写字符串； toUpperCase()将小写字符串转换为大写字符串。语法：字符串名. toLowerCase() //将大写字符串...
2019-06-13 15:10:06
390
原创 JavaScript 数组详细讲解 (三)
三、字符串(String)对象及处理字符串的方法1、字符串的属性 length 的介绍在 JavaScript 中，对于字符串来说，要掌握的属性就只有一个，那就是 length 属性。我们可以通过 length 属性来获取字符串的长度。语法：字符串名称.length说明：length 属性很简单，但是在字符串操作中经常要用到，因此必须记住。举例：var str="Hello JavaS...
2019-06-13 14:44:15
350
原创 JavaScript 数组详细讲解 (二)
数组的大小不是固定的，可以动态增加或删除数组元素。三、操作数组中数据的方法(1)通过改变数组的 length 属性来实现var a = [1,2,3,4,5];a.length = 4;document.write(a);在上面示例中，可以看到当改变数组的长度时，会自动在数组的末尾增加或删除元素，以实现改变数组的大小。使用 delete 运算符可以删除数组元素的值，但是不会改变 l...
2019-06-12 20:01:10
723
原创 JavaScript 数组详细讲解 (一)
对象是无序的数据集合，而数组（Array）是一组有序数据集合。它们之间可以相互转换，但是数组拥有大量方法，适合完成一些复杂的运算。一、定义数组定义数组通过构造函数Array()和运算符new来实现。具体实现方法如下。（1）定义空数组var a = new Array();通过这种方式定义的数组是一个没有任何元素的空数组。（2）定义带有参数的数组var a = new Array(1...
2019-06-12 19:21:37
413
原创 JavaScript 对象 (下篇)
对象的属性值可以是简单的值，也可以是复杂的值，如函数、对象。当属性值为函数时，该属性就被称为对象的方法，使用小括号可以访问该方法。【示例1】在以下示例中使用点运算符访问对象 point 的 f 的属性，然后使用小括号调用对象的方法 f( ) 。var point { f: function() { //外部对象 return this.y; //返回当...
2019-06-06 15:28:25
225
原创 JavaScript 对象 (上篇)
对象（Object）是面向对象编程的核心概念，它是已经命名的数据集合，也是一种比较更复杂的数据结构。一、创建对象在JavaScript中，对象是由new运算符生成，生成对象的函数被称为类（或称构造函数，对象类型）。生成的对象被称为类的示例，简称为对象。【示例1】在以下示例中，分别调用系统内置类型函数，实例化几个特殊对象。var o=new Object(); //构造原型对象var...
2019-06-06 14:58:05
295
原创 JavaScript 全局变量与局部变量详细讲解
全局变量和局部变量理解函数作用域需要理解以下几点：1、函数变量的作用域有全局变量和局部变量两种,全局变量写在函数的最前面，局部变量写在函数体内，局部变量省略了 var 也就默认成为了全局变量。2、函数体内部可以读取到函数外的变量，而函数外不能读取到函数内的变量！。3、局部变量，作用域在局部，一般都是在方法体内，生存周期就是调用方法的过程，在不同方法体内可以重名。4、全局变量，作用于全局，...
2019-06-06 00:24:16
501
原创 JavaScript 闭包函数，概念+例子，一次性全搞清楚！
闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包函数就是外部函数被调用后，它的变量不会消失，仍然被内部函数所使用，而且所有的内部函数都拥有对外部函数的访问权限。【示例】在下面示例中，定义一个函数 a，该函数包含一个私有函数 b。内部函数 b 把自身参数 m 递加给外层函数的私有变量 n 上，然后返回 n 的值。外层函数 a 的返回值为...
2019-06-06 00:09:14
351
原创 JavaScript 函数的应用
在实际开发中函数常被当作表达式来进行处理。用户可以把函数视为一个值赋给变量，或者作为一个参数传递给另一个函数，这是函数式编程的一个重要特征。【1】匿名函数匿名函数就是没有名称的函数，...
2019-06-05 23:26:52
398
原创 深刻认识JavaScript中函数的参数！
函数参数可以分为两种：形参和实参1. 形参就是在定义函数时，传递给函数的参数，被称为形参，即形式上的参数。2. 实参就是当函数被调用时，传给函数的参数，这些参数被称为实参。【示例1】在以下示例函数被中，参数 a 和 b 就是形参，而调用函数中的23，34就是实参。function add(a,b){ //形参a和b return a+b; }alert(add(2...
2019-06-05 20:02:21
525
原创 JavaScript 函数的定义与调用
一、定义函数1、定义函数的方法有两种：【1】通过 function 语句声明函数【2】通过 Function 对象来构造函数2、使用 function 来定义函数有两种方式：//方式1:命名函数function fun(){ //函数体}//方式2:匿名函数var fun=function(){ //函数体}命名函数的方法也被称为声明式函数，而匿名函数的方法也被称为引用...
2019-06-05 00:13:31
1834
1
原创 JavaScript 中的跳转语句
跳转语句跳转语句能够从所在的分支、循环或从函数调用返回的语句跳出。JavaScript 的跳转语句包括3种：break 语句、continue 语句、return 语句。break 语句用来退出循环或者 switch 语句。其语法格式如下。break；【示例1】在下面这个示例中设置while语句的循环表达式永远为 true（while 能够转换数值1为true）。然后在 while 循环...
2019-06-04 20:48:02
4300
SQL语句中Group BY 和Rollup以及cube用法.txt
2020-05-24
07-ajax.pdf
2019-08-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人