一条放了盐的鱼-CSDN博客

原创 Json数据格式及语法

1、基本格式var json = { 'name' : 'Tony', 'age' : 22 };alert( json.name ); //'Tony'2、结合数组var imgData = { url : [ 'img/1.png', 'img/2.png', 'img/3.png', 'img/4.png' ], text : [ '图片一', '...

2018-07-14 18:43:11 235

原创字符串中大小写转换、split与join

1、大小写var str = 'www.BAIDU.com';alert( str.toUpperCase() ); //WWW.BAIDU.COMalert( str.toLowerCase() ); //www.baidu.com2、split（分割）var str = 'www.baidu.com';alert( str.split...

2018-07-13 17:25:51 378

原创字符串中的indexOf和substring

1、indexOf是用于查找某个字符或字符串在整个字符串中的位置，空格也算占一个位置，返回值类型为number。var str = 'www.baidu.com';alert( str.indexOf('w') ); //0var str = 'www.baidu.com';alert( str.indexOf('w', 1) ); //1 ...

2018-07-13 12:00:51 775

原创 JS中字符串与unicode编码

1、charAt（）：把字符串分成每一个字符，从左往右提取指定位置的字符。var str = '天气';alert( str.charAt(1) ); //气2、charCodeAt （）：在第一个的基础上，返回的是字符的unicode编码。var str = '天气';alert( str.charCodeAt(0) ); //228253、Strin...

2018-07-13 11:27:42 7165

原创 JS中的系统时间对象

alert( new Date() ); // 显示当前系统的时间，对象属性吧为objectvar myTime = new Date();//以下对象属性都为数字，numbervar iYear = myTime.getFullYear(); var iMonth = myTime.getMonth()+1; //加一是因为系统中月份是用0-11来代表...

2018-07-12 14:06:58 456

原创 setInterval定时器小练习

设置定时器：var timer = setInterval( 函数, 毫秒 ) //重复执行取消定时器：clearInterval( timer ); //终止下面做了一个小练习：通过点击按钮来达到自动循环更改浏览器背景颜色的实例<!DOCTYPE html><html lang="en"><head...

2018-07-11 15:01:06 334

原创 currentStyle与getComputedStyle随笔

同：都是获取计算机计算之后的样式，不像style只能获取到行间样式，无法获取经过CSS修改的值。异：currentStyle //兼容IE getComputedStyle //兼容ff、chorme可以使用if先判断能不能识别，能识别就是true，再跟上执行代码；不能识别就是空值null，也就是false。...

2018-07-11 14:09:22 120

原创 arguments实参小应用

arguments代表的是实际传递的参数：fn1( 1,2,3 ); // 实参——实际传递的参数function fn1(){ aler（arguments[0]）; // arguments => [ 1,2,3 ] —— 实参的集合，是一个数组集合}主要用在当实参数无法确定时。下面写了一个小练习（加减简单计算器）：<!DOCTYPE html&g...

2018-07-11 12:19:32 129

原创关于函数中的return

1、return是一个返回值，函数名+括号会得到return后面的值。2、所有函数的默认返回值都是未定义（undefined）alert(fn1()); //undefined function fn1(){ }3、return后面任何代码都不会再执行 alert(fn1()); //undefined，不会在执行alert（1） function fn1(){ ret...

2018-07-11 11:02:40 11602

原创 JS中的数据类型以及类型转换

1、js中的数据类型有：数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义。可以使用typeof来判断：var i = 100;alert( typeof i ); // number2、关于Number转换：var a = '+100'; alert( Number(a) ); // 100var a1 = ' '; alert( Number(a1) ...

2018-07-10 12:03:53 122

原创 JS的自定义属性

1、除了一些特定属性，如value、name，还可以添加自定义属性：oBtn.abc = 123 ; JS可以为任何HTML元素添加任意个自定义属性。2、for里面套了function，function里面的i变量为最后循环完的那个值，所以需要用带this。3、一般创建的索引值也为自定义属性，如aBtn[i].index = i ; 外面还包含一个for循环。从i=0依次递增建立索引值。4...

2018-07-08 23:30:32 532

今天主要学习for应用和this关键字。1、通过ID来获取值是静态方法，相对的，通过这段代码document.getElementsByTagName('li')是动态方法，这样获取到的是元素的集合，类似数组；所以再用到TagNames的时候，必须要加上[]，也就是中括号。如：var oUl = document.getElementsByTagName('ul')[0]; //获取文档中第一个...

2018-07-07 23:55:55 555

原创 JS属性操作，注意事项以及轮播图实例

今天学习了JS当中的最为基本的属性操作。1、属性操作有读和写：读操作———获取找到（元素.属性名）、写操作———添加修改替换（元素.属性名=新的值）如读：alert（oBtn.value）；写：oBtn.value=oBtn.value；（把右边的值赋给左边）2、<p id="p1">这是一些文字</p>替换便签内部的内容需要用...

2018-07-06 23:18:37 324

原创 JS基础

今天初步学习JS，对JS的原理有了一个大概的认识：1、JS获取元素的过程：通过ID名称来获取元素document.getElementById("link")————获取字段link2、事件：鼠标事件、键盘事件、系统事件、表单事件、自定义事件...onclick————点击onmouseover————滑过onmousemove————鼠标在事件区域上来回移动等等3、如何添加事件：元素.onmou...

2018-07-05 21:58:24 93

原创经典布局方案之双飞翼布局

今天主要学习了一些经典的方案布局方法：1、上中下一栏式2、左右两栏式3、左右两栏加页眉页脚4、左中右三栏5、左中右三栏页眉页脚这里主要想总结一下左中右三栏的双飞翼布局。先贴上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Do

2018-07-04 22:49:30 207

原创表格表单以及一些常见兼容性问题（IE6，7）

这两天主要学习了两方面的内容：表格表单以及一些在IE6，7下的兼容问题。表格表单1、table 表格；thead 表格头；tbody 表格主体；tr 表格行；th 元素定义表头；td 元素定义表格单元（在一行的为并列关系，从上往下包含）2、表格样式重置table{border-collapse:collapse;} 单元格间隙合并th,td{padding:0;}重置单元格默认填充3、colspa...

2018-07-03 23:40:38 1026

原创兼容性较好的清除浮动方法以及定位

2018-07-02 09:38:50 140

原创常见标签以及display：inline—block的应用

今天学习的内容挺多的，比较繁杂，下面进行总结:1、文字类设置：font-weight（文字着重）、font-style（文字倾斜）、font-size（文字大小，一般为偶数）、line-height（行高）、font-family（字体，默认宋体）2、当行高与容器高度一致时，文字会垂直居中显示；多行文字测量方法：确认文字大小，确认两行文字之间的空隙大小；空隙大小除以2，得出...

2018-06-30 22:38:11 489

原创 DIV结合CSS小实例

今天开通了妙味课堂的VIP会员，首先学习了PS在网页设计中的应用，包括一些常用快捷键的使用，然后选择了sublime text 3作为我编写代码的工具。然后我根据今天的学习顺序总结一下知识点：1、CSS样式有行间、内部以及外部，一般不用行间，工作中使用外部调用较多。2、知道了background的一些样式，例如添加背景url（）、颜色、背景定位（X,Y）、是否重复（no-repeat）...

2018-06-29 21:06:01 296

weixin_42565663的博客