孙崇武 - 博客园

JS基础的常用事件、JS操作document对象、window对象

摘要： js的常用事件：一、给元素添加事件的三种方式： 1、在元素内部添加事件： onclick事件：点击事件效果如下： 2、ondbclick事件：双击事件效果如下： 3、onchange事件当内容改变时触发。可用于文本框、列表框等对象，该事件一般用于响应用户修改内容带来的其他改变操作。说明：当阅读全文

posted @ 2018-08-25 21:17 孙崇武阅读(1685) 评论(0) 推荐(0)

JS基础的逻辑语句练习

摘要：第一题对1~n进行求和第二题一个篮球的高度为100米每次落地弹起高度为前一次高度的0.6 问多少次之后高度小于1米？第三题判断一个年份是否为闰年或者平年。第四题标准体重：男士体重=身高-100±3，女士体重=身高-110±3 将公式变形为：男士体重-身高+100=±3 女士体重-身阅读全文

posted @ 2018-08-21 10:21 孙崇武阅读(3984) 评论(0) 推荐(0)

js数组练习

摘要： 1将数组中数字内容求和 2、var arr = [4, 0, 7, 9, 0, 0, 2, 6, 0, 3, 1, 0]; 要求将数组中的0项去掉，将不为0的值存入一个新的数组，生成新的数组 3、写出一个javascript的函数，实现对一个数组去重的功能。构建一个新的数组存放结果。 for循环中阅读全文

posted @ 2018-08-20 21:52 孙崇武阅读(437) 评论(0) 推荐(0)

JS基础的入口函数以及函数

摘要： js的入口函数：函数：定义：有一定功能代码体的集合函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。基本结构：分类：基础函数：参数函数：带有返回值的函数：变量的生命周期 JavaScript 变量生命周期在它声明时初始化。局部变量在函数执行完毕后销毁。全局变量在页面关闭阅读全文

posted @ 2018-08-20 21:19 孙崇武阅读(11248) 评论(0) 推荐(0)

JS基础的数组

摘要：数组：数组是使用单独的变量名来存储一系列的值。定义方式一维数组空数组注意：var arr1 = [3]; // arr1.length == 1, arr1[0] == 3var arr2 = new Array(3); // arr2.length == 3, arr2[0] == undef 阅读全文

posted @ 2018-08-20 16:42 孙崇武阅读(281) 评论(0) 推荐(0)

JS基础的数学函数、日期时间函数、运算符和流程语句

摘要：数学函数定义执行普通的算数任务。随机数 Math.random(); random() 方法可返回介于 0 ~ 1 之间的一个随机数。[0,1) 效果如下： //alert((Math.random())*22); //这里为[0,22); 最大数 Math.max(5,4,8,10); 返回阅读全文

posted @ 2018-08-18 09:20 孙崇武阅读(239) 评论(0) 推荐(0)

JS基础的引入、注释、变量、数据类型和输出语法

摘要：引入：内联，内嵌，外部；单、双行注释： //单行注释 /* */ 多行注释 js的输出语法弹窗形式 alert(); 效果如下： prompt() 方法用于显示可提示用户进行输入的对话框效果如下： document.write() 在html文档中打印出来效果如下：控制台输出：c 阅读全文

posted @ 2018-08-16 21:03 孙崇武阅读(182) 评论(0) 推荐(0)

CSS3的动画、弹性盒子和多媒体查询

摘要：动画： 1、@keyframes规则用于创建动画。在@keyframes中规定某项CSS样式，就能创建由当前样式逐渐改为新样式的动画效果2、使用animation进行动画捆绑。两个值：动画名称、时长3、我们一般情况下使用0%~100%来规定动画发生的时机。或者使用关键词from...to...，效果阅读全文

posted @ 2018-08-15 16:48 孙崇武阅读(156) 评论(0) 推荐(0)

CSS3的颜色（RGBA)透明度、渐变颜色、图片、旋转和过渡

摘要：背景透明度： opacity：0~1（每次变换0.1）效果如下： opacity：1时 opacity：0.5时 opacity：0时背景颜色： RGBA R：红 G：绿 B：蓝 alpha:透明度的参数 RGB的取值范围是0~255/0~100% alpha的取值范围是0~1 不可为负值效阅读全文

posted @ 2018-08-15 15:29 孙崇武阅读(1379) 评论(0) 推荐(0)

CSS3边框、背景和字体

摘要： CSS3 边框： 1.盒子圆角：border-radius 效果如下： 2.盒子阴影：box-shadow 值有3个时，表示距离左侧、距离上侧、影子颜色值有4个时，表示距离左侧、距离上侧、虚化的像素、影子颜色值有5个时，表示距离左侧、距离上侧、虚化的像素、影子颜色、是否显示在内部并且将颜色进行反阅读全文

posted @ 2018-08-15 09:19 孙崇武阅读(144) 评论(0) 推荐(0)