2020年03月_是六月

原创 CSS3过渡（transition）

CSS3过渡允许CSS的属性值在一定的时间的区间内平滑地过渡。在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地已动画效果改变CSS的属性值。1、transition-property属性功能：检索或设置对象中参与过渡的属性。语法：transition-property:none|all|property;参数说明：none：没有属性改变。all:所有属性改变，默...

2020-03-27 15:32:27 255

原创 CSS3动画

一、CSS3 animation1、animation-name属性检索或设置对象所应用的动画名称语法：animation-name:keyframename参数说明：keyframename:指定要绑定到选择器的关键帧的名称。2、animation-timing-function属性检索或设置对象动画的过渡类型。语法：animation-timing-function:...

2020-03-27 11:38:26 144

原创 JavaScript循环语句

1、for语句语法：for(语句1；语句2；语句3；）{被执行的代码}说明：语句1：在循环开始前执行语句2：定义运行循环的条件语句3：在循环被执行之后需要执的代码编程练习：用循环实现九九乘法表，效果图如下：<script > for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++){ doc...

2020-03-26 23:49:44 541

原创 JavsScript条件语句

1、if语句语法一：if(condition){statement1;}语法二：if(condition){ statement1; }else{ statement2; } 语法三：if(condition){ statement1; }else if(condition){ statement2; }......else{ st...

2020-03-26 23:23:01 179

原创 JavaScript中的date对象

JavaScript中的date对象1、创建一个日期对象语法：new Date()功能：创建一个日期时间对象返回值;不传参的情况下，返回当前的日期时间对象。说明：如果想根据特定的日期和时间创建日期对象，必须传入表示该日期的毫秒数，或者是一组用逗号隔开的表示年月日时分秒的参数。2、获取年月日时分秒及星期的方法语法返回值getFullYear( )返回4位数的年份...

2020-03-26 22:52:41 141

原创 JavaScript中的Math

Math对象的方法：1、Math.min()语法：Math.min(num1,num2,......,numN)功能：返回一组数中的最小值。返回值：Number示例：console.log(Math.min(33,22,11,5))//控制台输出数字：52、Math.max()语法：Math.max(num1,num2,......,numX)功能：求一组数中的最大值。返...

2020-03-26 22:34:43 188

原创 JavaScript中的内置对象：string

JavaScript中的内置对象：string1、charAt( )语法：str.charAt(index)功能：返回字符串str中index位置的字符。2、charCodeAt( )语法：str.charCodeAt(index)功能：返回字符串str中index位置字符的编码.3、indexOf（）语法：str.indexOf("o")功能：从一个字符串的开头中搜索给...

2020-03-26 20:24:57 104

原创 JavaScript中的内置对象（数组）

JavaScript中的内置对象（数组）一、怎么创建数组创建数组的基本方式有两种：1. 使用Array构造函数：语法：new Array() 定义一个名为arr的数组： var arr=new Array() 小括号（）说明：（1）预先知道数组要保存的项目数量。（2）向Array构造函数中传递数组应包含的项。2. 使用数组字面量表示法：有一对包含数组项的方括号[ ...

2020-03-26 00:49:50 467

原创 JavaScript DOM 事件

一、什么是事件事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。二、HTML事件语法：<tag 事件=“执行脚本”>功能：在HTML元素上绑定事件。说明：执行脚本可以是一个函数的调用。三、DOM0级事件语法：ele.事件=执行脚本功能：在DOM对象上绑定事件说明：执行脚本可以是一个匿名函数，也可以是一个函数的调用。四、鼠标事件名称定义和用法...

2020-03-24 21:11:00 178

原创 JS BOM基础（screen对象）

JS BOM基础（screen对象）一、screen对象包含有关客户端显示的屏幕信息，目前没有应用与Screen对象的公开标准，不过所有浏览器都支持该对象二、screen对象的主要属性属性描述availHeight返回显示屏幕的高度（除window任务栏之外）availWidth返回显示屏幕的宽度（除window任务栏之外）width返回显示器屏幕的宽度...

2020-03-24 15:39:58 197

原创 BOM基础（history对象，Screen对象属性，Navigator对象）

一、history历史对象1.history.back()语法：history.back()功能：回到历史记录的上一步说明：相当于使用了history.go(-1)2.history.forward()语法：history.forward()功能：回到历史记录的下一步说明：相当于使用了history.go(1)3.history.go(-n)语法：history.go(-...

2020-03-24 09:13:39 170

原创 BOM基础（location对象）

location对象location对象提供了与当前窗口中加载的文档有关的信息，还提供了一些导航的功能，它既是window对象的属性，也是document对象的属性。location对象的常用属性1.location.href语法：location.href功能：返回当前加载页面的完整URL说明： location.href与window.location等价语法：locatio...

2020-03-24 09:06:18 147

原创 JavaScript BOM基础（window对象的方法）

JavaScript BOM基础（window对象的方法）什么是BOMBOM（browser object model）浏览器对象模型windowwindow是浏览器的一个实例，在浏览器中，window对象有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。Window对象的方法1 window.alert（”cont...

2020-03-24 08:59:42 229

weixin_45929716的博客