第四周周报:
FirstDay:
1. 了解 js 中的 运算符
var z3 = 2;
var xyz3 = ++z3+"1"+z3++; // 313
var z2 = 2;
var xyz2 = ++z2+1+z2++;// 7
var a = 1;
var za = ++a+a+++--a+a--;// 8
var lx = 4;
var ly2 = (lx--)+(--lx)+(lx++)+(10 % lx); // 9
lx = 5;
var ly3 = --lx+lx+++lx-lx--*2+--lx-3-20%++lx;// 3 ..4+4+5-10+3-3-0
2. JavaScript的 五种基本数据类型
1)number 整型 浮点型 NAN(not a number)isNaN
浮点数计算 最高精度 17位
//console.log(0.1+0.2);
//0.30000000000000004
2)bool true false
3)string 字符 以后补字符串的切割的知识点
4)undefined
5)null
6) 未官方 转型
3. JavaScript 改变 CSS 样式
var oDiv1 = document.getElementById("div1");
//生成行间样式
oDiv1.style.width = "300px";
oDiv1.style.backgroundColor = "#000000";
4.在 JavaScript中 , Dom获取的对象 通过. style . width 是获取不到<style></style>中定义的 style 的width 的, 如果要获取 用 window.getComputedStyle(Dom,null).width; // Dom 是变量
5. 分割字符串 详解!!!!
1.函数:split()
功能:使用一个指定的分隔符把一个字符串分割存储到数组
例子: str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”);
//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组
2.函数:join()
功能:使用您选择的分隔符将一个数组合并为一个字符串
例子: var delimitedString=myArray.join(delimiter);
var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);
var portableList=myList.join(”|”);
//结果是jpg|bmp|gif|ico|png
3.函数:concat()
功能:将两个数组连接在一起;
例子:arr1=[1,2,3,4]
arr2=[5,6,7,8]
alert(arr1.concat(arr2)) //结果为[1,2,3,4,5,6,7,8]
4.函数:charAt()
功能:返回指定位置的字符。字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。
例子:var str='a,g,i,d,o,v,w,d,k,p'
alert(str.charAt(2)) //结果为g
5:函数:charCodeAt()
功能:charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。
方法 charCodeAt() 与 charAt() 方法执行的操作相似,只不过前者返回的是位于指定位置的字符的编码,而后者返回的是字符子串。
例子:var str='a,g,i,d,o,v,w,d,k,p'
alert(str.charCodeAt(2)) //结果为103。即g的Unicode编码为103
6.函数:slice()
功能:arrayObject.slice(start,end)
start:必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
返回一个新的数组,包含从start到end(不包括该元素)的arrayobject中的元素。
例子:var str='ahji3o3s4e6p8a0sdewqdasj'
alert(str.slice(2,5)) //结果ji3
7.函数:substring()
定义和用法 substring 方法用于提取字符串中介于两个指定下标之间的字符。
语法 stringObject.substring(start,stop)
start 必需。一个非负的整数,规······································定要提取的子串的第一个字符在 stringObject 中的位置。
stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。
如果省略该参数,那么返回的子串会一直到字符串的结尾。
返回 一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。 说明 substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。 如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。 如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。 如果 start 或 end 为负数,那么它将被替换为 0。
例子:var str='ahji3o3s4e6p8a0sdewqdasj'
alert(str.substring(2,6)) //结果为ji3o3
8.函数:substr
定义和用法 substr 方法用于返回一个从指定位置开始的指定长度的子字符串。
语法 stringObject.substr(start [, length ])
参数 start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length 可选。在返回的子字符串中应包括的字符个数。 说明 如果 length 为 0 或负数,将返回一个空字符串。 如果没有指定该参数,则子字符串将延续到stringObject的最后。
举例: var str = "0123456789";
alert(str.substring(0));------------"0123456789"
alert(str.substring(5));------------"56789"
alert(str.substring(10));-----------""
alert(str.substring(12));-----------""
alert(str.substring(-5));-----------"0123456789"
alert(str.substring(-10));----------"0123456789"
alert(str.substring(-12));----------"0123456789"
alert(str.substring(0,5));----------"01234"
alert(str.substring(0,10));---------"0123456789"
alert(str.substring(0,12));---------"0123456789"
alert(str.substring(2,0));----------"01"
alert(str.substring(2,2));----------""
alert(str.substring(2,5));----------"234"
alert(str.substring(2,12));---------"23456789"
alert(str.substring(2,-2));---------"01"
alert(str.substring(-1,5));---------"01234"
alert(str.substring(-1,-5));--------""
6. 获取 id 下的代码 Dom.innerHTML
获取 value : Dom.value
7.Math.round() 向上取整 11.5 -> 12 || -11.5 -> -11
Math.floor () 向下取整
8.number 和 label for 之间的 关系 和用法
...
SecondDay:
1.prompt 在 js 中 能在页面弹出输入框
2.text-shadow: 5px 5px 5px royalblue; //这个是艺术字 是在文字后面加阴影 是3D效果
* 1. 必写 水平阴影位置
* 2. 必写 垂直阴影位置
* 3. 可选 模糊的距离
* 4. 可选 阴影的颜色
3. css 设置文字 颜色 渐变 // 这个 是在文字本身颜色发生变化
background-image:-webkit-linear-gradient(top,rgb(63,149,205),rgba(63,149,205,0.5));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
4.CSS中 hover效果只能应用在 父子 和 兄弟 上 兄弟选择器 ~ +
5.vertical-align: top; // ?????????
6.onmouseover onmouseout 鼠标移入移出