- 博客(19)
- 收藏
- 关注
RSS订阅原创 js的创建元素的方式
创建元素的三种方式第一种 : document.write("标签"); f("btn").onclick = function () { document.write("<p>这是用第一种方式创建的p标签</p>"); } 第二种 : 元素.innerHTML f("btn").onclick = funct...
2019-03-31 23:01:59
288
原创 js之节点
在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ：1. nodeName : 节点的名称2. nodeValue ：节点的值3. nodeType ：节点的类型一、nodeName 属性:节点的名称，是只读的。1.元素节点的 nodeName 与标签名相同2.属性节点的 nodeName 是属性的名称3.文本节点的 nodeN...
2019-03-29 16:12:10
160
原创 Js中的DOM改变HTML标签中的CSS样式
JavaScript中的DOM可以改变CSS样式。下面来看一下代码 :效果如下 :如何用JavaScript中的DOM改变HTML标签中的CSS样式，script代码如下：代码解释如下 :var inObj = document.getElementById("btn"); //通过id名称“btn”来获取元素,声明一个变量inObj来储存这...
2019-03-27 20:53:15
915
原创 API的点击事件
今天我们学了一个很有意思的API功能点击当前按钮改变当前按钮的值,其他按钮的值恢复默认值下面来用代码实现一下<input type="button" value="哈哈"><input type="button" value="哈哈"><input type="button" value="哈哈"><input type="butto...
2019-03-26 22:53:57
500
原创 js之array对象
今天了解了array对象及它的一些方法创建数组的两种方式 : 字面量和new Array()检查一个对象是否是数组var arr = [1,2,3,4,5];console.log(arr instanceof Array);console.log(Array.isArray(arr));var str=arr.toString();console.log(str); //...
2019-03-25 22:22:03
101
原创 js之函数
函数就是这个对象函数: 把一系列重复的代码封装, 在需要的时候调用即可作用: 代码的重用 语法: 定义一个函数 function 函数名(){ 函数体--->重复的代码 } 调用函数: 函数名() 1.函数需要先定义, 后使用 2.函数的名字...
2019-03-24 21:38:07
82
原创 js之math对象
console.log(Math.PI); // 圆周率console.log(Math.random(1,2,3)); // 生成随机数console.log(Math.floor(2.33)); //向下取整console.log(Math.ceil(2.33)); //向上取整console.log(Math.round(2.33)); // 取整，四舍五入c...
2019-03-20 20:33:24
93
转载 js对象
一、对象的定义：对象是JavaScript的一个基本数据类型，是一种复合值，它将很多值（原始值或者其他对象）聚合在一起，可通过名字访问这些值。即属性的无序集合。二、对象的创建（多种方法）1、对象直接量 / 字面量var obj = { name: 'lyl', age: 18 } console.log(obj.name); // lyl2、构造函数：（1）、系统自带的的，...
2019-03-20 11:45:26
264
原创 js之数组
数组: 一组有序的数据 作用: 一次性可以储存多个数据 使用构造函数array对象创建数组 var 数组名 = new Array();//定义了一个数组 var arr = new Array(); //创建一个空数组 var arr1 = new Array(5); //创建一个长度为5,数据类型为undefined的空数组 console.log(arr...
2019-03-18 18:56:51
209
转载 js运算符
JavaScript运算符用于赋值，比较值，执行算术运算等。算术运算符用于执行两个变量或值的运算，示例代码如下：在上列js代码中会输出z的值，z=x-y 即：20-5，所以得出的结果会是15。这里使用到的运算符是“-”减号。 下面就列举一些在js中经常能用到的运算符。算术运算符+ ：加号；- ：减号；* ：乘法；/ ：除法；% ：余数（比如x=21，y=5，x%y即21÷5，...
2019-03-17 15:08:55
724
1
原创 js之for语句打印九九乘法表
正九九乘法表for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++){ document.write(j+"*"+i+"="+i*j+"&nbsp;&nbsp;"); } document.write("<br>");}效果如图:倒九九乘法表
2019-03-14 21:47:46
878
原创 js之数据类型
js的数据类型有:number string boolean null underfind混合型数据类型 objectnumber : 数字类型(整数和小数)string : 字符串类型(字符串类型的值,一般用单引号或双引号括起来) 如:"33"""boolean : 布尔类型(值有两个 true--真 , false--假)null : 空值类型--值只有一个nul...
2019-03-13 18:45:55
68
转载 JavaScript事件鼠标移上时和离开时发生的事件
JavaScript鼠标事件。什么是JS事件，就是当你的鼠标进行操作时会发生怎样的事情，比如鼠标点击时会发生什么、鼠标移上去时又会发生什么、离开时等将会发生都称之为“事件”。一旦我们要它发生怎样怎样的事件，就可以为其写函数“function”。下面建一个DIV来测试，并为DIV规定样式。代码如下：﹤div id="juli" onmouseover="onOver()" onmouseou...
2019-03-12 20:19:32
2792
转载 CSS之box-sizing:border-box
box-sizing:border-box：为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。如果上述的内容还不是太明白，我们就来举个例子：· 比如插入一个DIV，这个DIV的宽度设置为200像素，高度也设置为200像素；那么这个DIV就是宽200px，高200...
2019-03-11 22:03:11
1269
转载 css之控制页面的四种方式
CSS在制作网页中，是大量使用的一种语言，多参考一些网站的源代码可以帮助我们快速掌握各种技巧并运用到实际制作中，下面小编就如何在网页中引入CSS样式表做一下简单的介绍。CSS控制页面使用CSS制作网页时，一个基础的要求是主流的浏览器之间的显示效果要基本一致，通常的做法是一边编写HTML和CSS代码，一边在两个不同的浏览器上进行预览，及时地进行调整，这有利于深入掌握CSS。通过大致...
2019-03-10 22:12:14
993
原创 css之精灵图
CSS精灵是一种处理网页背景图像的方式。它将一个页面涉及到的所有零星背景图像都集中到一张大图中去，然后将大图应用于网页，这样，当用户访问该页面时，只需向服务发送一次请求，网页中的背景图像即可全部展示出来。通常情况下，这个由很多小的背景图像合成的大图被称为精灵图（雪碧图），如下图所示为京东网站中的一个精灵图。CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图），然而，各个网页元...
2019-03-06 18:49:45
592
原创 css之定位
CSS中的定位使用来布局的熟练应用对页面美化有很好的帮助，下面就进行详细介绍：定位分为静态定位，相对定位，绝对定位，固定定位这四种，定位有不同的参数，例如：left、right、top、bottom、z-index等。1、静态定位（static）一般的标签元素不加任何定位属性都属于静态定位，在页面的最底层属于标准流。2、绝对定位（absolute）绝对定位的元素从文档流中拖出，使用...
2019-03-05 18:58:02
59
原创 css之浮动
CSS的定位机制有3种：普通流（标准流）、浮动和定位。普通流就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块级元素会独占一行，行内元素会按顺序依次前后排列；按照这种大前提的布局排列之下绝对不会出现例外的情况叫做普通流布局。但是有时候我们需要让块级元素在一行显示除了用display标签把块级元素转化为行内块元素外我们还可以用浮动元素的浮动是指设置了浮动属性的元素...
2019-03-04 19:18:17
87
原创 初识css之div盒子模型
说到css，就不得不说到盒子这个重要的布局模块了所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：CSS box-model不同...
2019-03-03 10:41:29
191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人