cutelady0927-CSDN博客

原创 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 294

原创 2-2-for循环

重复执行某些代码每次执行的时候有个数字在变化常用格式for(var i=0; ialert(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 297

原创 2-1-动态方法：ByTagName()

var oUl = document.getElementById('list'); 静态方法找到一个元素var aLi = oUl.getElementsByTagName('li'); 动态方法元素的集合多个在用 TagNasme 的时候，必须要加上：[ ]像数组一样的访问形式window.onload = function

2016-04-18 16:56:45 509

原创添加删除

无标题文档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 239

原创 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 1059

原创 js中的作用域

作用域：域：空间、范围、区域…… 作用：读、写浏览器：“JS解析器”1）“找一些东西” ：var function 参数a = ...未定义所有的变量，在正式运行代码之前，都提前赋了一个值：未定义fn1 = function fn1(){ alert(2); }所有的函数，在正式运行代码之前，都是整个函数块JS 的

2016-04-07 17:54:39 205

原创商品计算

无标题文档*{ 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 257

原创轮播图片切换（函数传参）

无标题文档*{ 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 725

原创 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 578

原创 4-1-JS数据类型及相关操作

js的数据类型判断数据类型用typeoftypeof "John" // alert(typeof "John") 返回 string typeof 3.14 // 返回 numbertypeof NaN // 返回 numbertypeof false

2016-04-05 17:54:44 240

原创轮播图片切换（函数合并）

无标题文档*{ 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 394

原创轮播图片切换

无标题文档*{ 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 411

原创图片左右切换

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 648

原创 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 405

原创 1-4-JS基础-条件判断

第一种1.if(条件成立){执行某件事}2.if(条件成立){执行某件事 }else{执行另外一件事}3.if(条件1成立){执行某件事}else if(条件2成立){执行某件事}else if(条件3成立){执行某件事}else{执行某件}

2016-03-30 22:26:53 395

原创 1-3-JS基础-属性操作注意事项

js中属性操作不允许出现-例如 fontSize不能写成font-size paddingTop不能写成padding-top maginLeft不能写成magin-left动态修改样式 classNameoP.style.width='100px'oP.style.height='100px'oP.styl

2016-03-30 21:57:06 279

原创 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 257

原创 1-1-JS中的HTML属性操作

HTML:属性操作属性包括：属性名和属性值如id='btn1' id为属性名 btn1为属性值 type="button" type为属性名 button为属性值 value="按钮" value为属性名按钮为属性值属性操作：

2016-03-29 23:27:30 297

收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的发挥的发挥的风格收到更好的

2016-03-28 13:02:39 598

原创常用验证

1.判断是否为数字function myFunction(){var x=document.getElementById("demo").value;if(x==""||isNaN(x)) { alert("不是数字"); }}点击这里

2016-03-23 14:05:04 233

原创弹窗

弹出层效果/*弹出框*/*{ 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 234