- 博客(47)
- 收藏
- 关注
RSS订阅原创 网页时钟
<input type="button" value="显示当前时间" onclick="start();"/> <input type="button" value="结束当前时间" onclick="end();"/> <div id="timeDiv"></div>
2021-01-27 19:33:30
323
原创 js用户登录界面
描述：1、用户名不能为空2、用户名必须在6到14位之间3、用户名只能又数字和字母组成,不能含有其他符号4、密码和确认密码一致5、统一失去焦点验证6、错误提示信息统一提示在span标签中，要求为12号红色7、文本框再次获得焦点后，清空错误提示信息，如果文本框中数据不合法清空文本框的value8、最终表单中所有项均合法可提交 ...
2021-01-25 14:53:13
1287
原创 js数组练习
练习1：找出指定数组元素的下标 <button onclick="findid()">查找下标</button>练习2：冒泡排序： <button onclick="maopao()">冒泡排序</button>
2021-01-16 17:47:24
121
原创 js函数，顺序选择循环结构练习
练习1：(普通函数)创建一个函数，名为change,通过弹窗分两次录入两个数字，保存在a和b中，先打印a和b的值，如果a>b的话，交换两个数字的值，再打印a和b的值，网页中创建一个按钮，点击时调用change()函数练习2:题同上，（有参函数）点击...
2021-01-11 16:35:22
141
原创 javascript(数据类型转换，运算符和表达式)练习
练习1：弹出一个框输入一个数字，将输入的数字+10输出练习2：定义一个变量存储数据1234，分别输出个位，十位，百位，千位数字练习3：输入两个数字，相减四舍五入（.toFixed() 把保留几位小数写在括号里）练习4：从弹框中输入一个年份，判断是否是闰年，是打印true，否则输出false(条件：能被4 整除，但不能被100 整除或者能被400整除)练习5：从弹框中输入一个字符，判断这个字符是否是英文字母，数字，汉字（4e00-9fa5）练习6：在弹框中输入你的工资，大于等于2000
2021-01-09 18:33:54
452
2
原创 photoshop抠图
photoshop抠图方法：多边形套索工具：适用于直线有棱角的图片抠图磁性套索工具：自动识别图像边界自动吸附边界快速选择工具：适合快速建立简单的选区魔棒工具：适用于图像和背景色差异明显，背景颜色单一 通过删除背景色来获取需要的图像钢笔工具抠图：最精确费时间且慢，适用于外形复杂，不连续 色差不大的图...
2019-08-18 16:15:56
279
原创 document对象
1.document.URL获取当前页面的地址语法：document.URL2.document.referrer获取用户在访问当前页面之前所在页面的地址我们可以通过它来统计用户都是通过什么方式来到你的网站的3.document对象方法方法说明document.getElementById通过id获取元素document.getElementsByTagNam...
2019-07-21 15:39:41
200
原创 window对象
1.window对象简介在javascript中，一个浏览器窗口就是一个window对象，这个窗口里面的HTML文档就是一个document对象，document对象就是window对象的子对象子对象说明document文档对象，用于操作页面元素location地址对象，用于操作URL地址navigator浏览器对象，用于获取浏览版本信息histor...
2019-07-20 16:56:21
1684
1
原创 事件进阶
在javascript中，想要给元素添加一个事件，有两种方式事件处理器事件监听器1.事件处理器通过操作HTML属性的方式给元素添加一个事件例：oBtn.οnclick=function(){…};事件处理器是无法为一个元素添加多个相同事件的...
2019-07-19 16:18:42
183
原创 事件基础
1.在javascript中常见的事件有一下五种：鼠标事件键盘事件表单事件编辑事件页面事件2.事件调用方式在script标签中调用在元素中调用（1）在script中调用（在实际开发中更倾向，可以使结构和行为分离，代码具有可读性和维护性）语法：obj.事件名=function(){…};(2)在元素中调用指的是直接在HTML属性中来调用事件，这个属性又称“事件属性”...
2019-07-19 11:54:53
247
原创 DOM进阶
一.HTML属性操作（1）获取HTML属性值（2）设置HTML属性值1.获取HTML属性值一般通过属性名，来找到属性对应的值语法：obj.attrobj是元素名，它是一个DOM对象，所谓DOM对象，指的是getElementById()、getElementsByTagName()等方法获取到的元素节点，attr是是属性名，通过点运算符（.）获取它的属性值例：获取静态HTML的属性...
2019-07-17 20:18:47
143
原创 DOM基础
DOM操作，可以简单理解成“元素操作”我们在操作元素时，其实就是把这个元素看成一个对象，然后使用这个对象的属性和方法来进行相关操作1 节点类型元素节点属性节点文本节点注意：（1）.一个元素就是一个节点，这个节点称之为元素节点（2）.属性节点和文本节点看起来是元素节点的一部分，实际上，他们是独立的节点，并不属于元素节点（3).只有元素节点才可以拥有子节点，属性节点和文本节点都无法...
2019-06-23 16:34:00
153
原创 数学对象
Math对象不需要使用new关键字创造，直接使用属性和方法1.角度：180度写成Math.PI360度写成Math.PI2度数Math.PI/180例如：120*Math.PI/180是120度圆周率：Math.PI2.最大值和最小值Math.max()Math.min()3.取整运算（1）向下取整：floor（）指的是返回小于或等于指定数的最小整数Math.floor(x...
2019-06-20 15:32:41
532
原创 时间对象
1.日期对象：var 日期对象名=new Date();2.操作年月日：getFullYear()获取年份 取值为四位数getMonth()获取月份 取值为0（一月）到11（十二月）之间的整数getDate()获取日 取值为1-31之间的整数设置年月日：1.setFullYear()可以设置年 月 日时间对象.setFullYear(year,month,day);year是必选...
2019-06-19 16:38:38
427
原创 数组对象
1.在javascript中，我们可以用数组来存储一组相同数据类型的数据类型var arr[]数组中没有元素，其数组长度为02.输出数组中的所有元素3.截取数组的某部分数组名。slice(start,end);包含start不包含end4.为数组开头添加元素数组名.unshift(新元素1，新元素2.新元素3…新元素n)在数组结尾添加元素数组名.push(新元素1，新元素...
2019-05-24 15:51:20
103
原创 字符串对象
1.常用的内置对象：字符串对象：String数组对象：Array日期对象:Date数值对象：Math2.获取字符串长度字符串名.length3.大小写转换字符串名.toLowerCase()大写转换成小写字符串名.toUpperCase()小写转换成大写4.获取某一个字符字符串名.charAt(n)注意：字符串第一个字符下标是0，第二个字符下标是1…第n个字符下标是n...
2019-05-17 18:46:18
167
原创 函数
函数的定义函数分为有返回值的函数和没有返回值的函数每一个函数都是独立的语句块，要用大括号括起来都必须用function定义，函数名要取有意义的英文名函数的参数可以省略，假如是多个用英文逗号隔开无返回值的函数：有返回值的函数：...
2019-05-17 15:43:42
137
原创 流程控制语句
1.顺序结构从上到下，从左到右的执行2.选择结构3.循环结构根据条件来判断是否重复执行某一段程序，若条件为真，继续循环条件为假，退出循环4.选择结构单向选择：if(条件){…}双向选择：if（条件）{…}else{…}多项选择if（条件1）{…}else if(条件2){…}else{}if的语句嵌套if（条件1）...
2019-05-16 18:59:28
154
原创 javascript的语法基础
1 变量与常量变量是由字母，下划线 $或数字组成的，并且第一个字母必须是字母、下划线或变量不能是系统关键字和保留字变量的命名必须区分大小写所有javascript变量都是由var声明一个var可以同时定义多个变量名，用英文符号（，）隔开例如var a=10,b=20,c=30;实际上等价于var a=10;var b=20;var c=30;2.数据类型（值的类型）基本数据类型只有...
2019-05-09 18:23:18
171
原创 定位布局
定位布局（固定定位 相对定位 绝对定位 静态定位都是通过position来实现的）固定定位（fixed）相对定位（relative）绝对定位（absolute）默认情况下，固定定位和绝对定位的位置是相对于浏览器而言的，而相对定位的位置是相对于原始位置而言的静态定位（static）也是默认定位...
2019-05-08 17:58:05
354
原创 CSS盒子模型
css盒子模型content是内容区（有三个属性 width height overflow）padding是内边距，用于定义内容与边框之间的距离margin是外边距，用于定义当前元素与其他元素的距离border定义元素的边框例如注意：1.只有块元素才能定义width和height,行内元素无法设置宽和高，我们也可以用display将块元素转换为行内元素，将行内元素转换为块元素...
2019-05-07 18:36:31
151
原创 CSS样式表和选择器
外部样式表内部样式表行内样式表（不建议使用）CSS选择器1，元素选择器2，id选择器，3，class选择器4，后代选择器5，群组选择器
2019-04-29 15:47:11
291
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人