- 博客(22)
- 资源 (1)
- 收藏
- 关注
原创 flex布局
flex布局 容器的属性 flex-direction属性 flex-wrap属性 flex-flow属性 justify-content属性 align-items属性 align-content属性 flex布局 Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{...
2019-12-09 17:55:26 252
原创 2-2-for循环
重复执行某些代码 每次执行的时候有个数字在变化 常用格式 for(var i=0; i alert(i); } 1) var i=0; 2) i 关键!!!! 3) 括号里面的所有代码 4) i++ window.onload = function(){ var oUl = document.getElementById('list'); var
2016-04-18 17:29:54 265
原创 2-1-动态方法:ByTagName()
var oUl = document.getElementById('list'); 静态方法 找到一个元素 var aLi = oUl.getElementsByTagName('li'); 动态方法 元素的集合 多个 在用 TagNasme 的时候,必须要加上:[ ]像数组一样的访问形式 window.onload = function
2016-04-18 16:56:45 466
原创 添加删除
无标题文档 window.onload=function(){ var oUl=document.getElementById('ul1'); var oTxt1=document.getElementById('txt1'); var oBtn=document.getElementById('btn1'); oBtn.onclick=function(){ var oLi=
2016-04-15 10:50:20 217
原创 1-函数返回值-return详解及应用-1
return 返回值 可以是:数字、字符串、布尔、函数、对象(元素\[]\{}\null)、未定义 function fn1(){ return 100; } fn1(); // alert( fn1().length ); // alert( typeof fn1() ); fn1等于return后面的100;
2016-04-09 18:40:14 1013
原创 js中的作用域
作用域: 域:空间、范围、区域…… 作用:读、写 浏览器:“JS解析器” 1)“找一些东西” :var function 参数 a = ...未定义 所有的变量,在正式运行代码之前,都提前 赋了一个值:未定义 fn1 = function fn1(){ alert(2); } 所有的函数,在正式运行代码之前,都是整个函数块 JS 的
2016-04-07 17:54:39 184
原创 商品计算
无标题文档 *{ margin:0; padding:0} em{ font-style:normal} li{ list-style:none} #list{ margin:20px auto; width:400px;} #list input{ width:25px; height:25px; text-align:center;} #total{text-align:cen
2016-04-07 11:59:20 236
原创 轮播图片切换(函数传参)
无标题文档 *{ margin:0; padding:0} li{ list-style:none} body{ background:#333} .rolling{ width:400px; height:500px; position:relative; background:#fff; border:1px solid #fff; float:left; margin-right
2016-04-07 11:02:53 695
原创 1.1 弹出窗口控制
1打开新窗口显示广告信息 建两个页面,一个命名index.html和一个new.html页面,在index.html页面的head标签中间输入 window.open("new.html","new","height=141,width=693,top=10,left=20"); 打开index.html则在新窗口弹出另一个new.html页面 常用的wind
2016-04-06 11:00:25 546
原创 4-1-JS数据类型及相关操作
js的数据类型 判断数据类型 用typeof typeof "John" // alert(typeof "John") 返回 string typeof 3.14 // 返回 number typeof NaN // 返回 number typeof false
2016-04-05 17:54:44 221
原创 轮播图片切换(函数合并)
无标题文档 *{ margin:0; padding:0} li{ list-style:none} body{ background:#333} #pic{ width:400px; height:500px; position:relative; margin:40px auto; background:#fff; border:1px solid #fff} #pic img{ width
2016-04-05 17:21:30 367
原创 轮播图片切换
无标题文档 *{ margin:0; padding:0} li{ list-style:none} body{ background:#333} #pic{ width:400px; height:500px; position:relative; margin:40px auto; background:#fff; border:1px solid #fff} #pic img{ width
2016-04-05 14:39:12 380
原创 图片左右切换
html属性操作 *{ margin:0; padding:0} #content{ width:400px; height:400px; border:10px solid #ccc; margin:40px auto; position:relative; background:#f1f1f1} #content a{ width:40px; height:40px; background:
2016-03-31 22:59:17 591
原创 1-5-JS基础-数组应用及实例应用
array 数组 一般简写arr 格式 var arr [ '第1个','第2个','第3个','第4个' ] 最后一个不要叫逗号 alert(arr.length) 弹出数组长度 4个 alert(arr[0]) 弹出第1个 alert(arr[arr.length-1]) 找数组最后一个 arr.push 往数组最后一位添加数据 alert(arr) 弹出所有数组的内容
2016-03-31 22:04:36 374
原创 1-4-JS基础-条件判断
第一种 1.if(条件成立){ 执行某件事 } 2.if(条件成立){ 执行某件事 }else{ 执行另外一件事 } 3.if(条件1成立){ 执行某件事 }else if(条件2成立){ 执行某件事 } else if(条件3成立){ 执行某件事 } else{ 执行某件 }
2016-03-30 22:26:53 361
原创 1-3-JS基础-属性操作注意事项
js中属性操作不允许出现- 例如 fontSize不能写成font-size paddingTop不能写成padding-top maginLeft不能写成magin-left 动态修改样式 className oP.style.width='100px' oP.style.height='100px' oP.styl
2016-03-30 21:57:06 250
原创 1-2-JS基础-属性操作实例
html属性操作 #div1{ width:300px; height:200px; border:1px solid #ccc; margin-bottom:20px} window.onload = function(){ var oDiv = document.getElementById('div1'); var oText = document.getElementById(
2016-03-30 20:18:58 235
原创 1-1-JS中的HTML属性操作
HTML:属性操作 属性包括 : 属性名和 属性值 如id='btn1' id为属性名 btn1为属性值 type="button" type为属性名 button为属性值 value="按钮" value为属性名 按钮为属性值 属性操作 :
2016-03-29 23:27:30 267
原创 字体变大变小
收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的
2016-03-28 13:02:39 569
原创 常用验证
1.判断是否为数字 function myFunction() { var x=document.getElementById("demo").value; if(x==""||isNaN(x)) { alert("不是数字"); } } 点击这里
2016-03-23 14:05:04 203
原创 弹窗
弹出层效果 /*弹出框*/ *{ margin:0; padding:0} .view_more{ font-size:20px; color:#E4007F; margin-left:30px;-font-family:"微软雅黑"} .doc-mask{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100
2016-03-11 15:38:45 220
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人