Python自学第十五周（2）

JavaScript

独立的语言，浏览器具有js解释器

放在head中

放在文件中

为了让页面显示效果更好， 推荐将<script>放在body的最下面

来个例子

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script>
 7         alert(123);
 8     </script>
 9 </head>
10 <body>
11 </body>
12 </html>

或者先写一个JavaScript文件

alert(123);

然后再

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script src="commons.js"></script>
 7 </head>
 8 <body>
 9 </body>
10 </html>

效果一致

变量

name = 'zach' #全局变量

var name = 'eric' #局部变量

数字

JavaScript中 不区分整数值和浮点数值，JavaScript中所有数字均用浮点数值表示。

转换：

parseInt(..) 将某值转换成数字，不成功则NaN
parseFloat(..) 将某值转换成浮点数，不成功则NaN

特殊值：

NaN，非数字。可使用 isNaN(num) 来判断。
Infinity，无穷大。可使用 isFinite(num) 来判断。

字符串

a = “zachary”

a.charAt(索引位置)

a.substring(起始位置,结束位置)

a.length 获取当前字符串长度

obj.length 长度

obj.trim() 移除空白

obj.trimLeft()

obj.trimRight)

obj.charAt(n) 返回字符串中的第n个字符

obj.concat(value, ...) 拼接

obj.indexOf(substring,start) 子序列位置

obj.lastIndexOf(substring,start) 子序列位置

obj.substring(from, to) 根据索引获取子序列

obj.slice(start, end) 切片

obj.toLowerCase() 大写

obj.toUpperCase() 小写

obj.split(delimiter, limit) 分割

obj.search(regexp) 从头开始匹配，返回匹配成功的第一个位置(g无效)

obj.match(regexp) 全局搜索，如果正则中有g表示找到全部，否则只找到第一个。

obj.replace(regexp, replacement) 替换，正则中有g则替换所有，否则只替换第一个匹配项，

$数字：匹配的第n个组内容；

$&：当前匹配的内容；

$`：位于匹配子串左侧的文本；

$'：位于匹配子串右侧的文本

$$：直接量$符号

定时器

setInterval('执行的代码','间隔的时间ms')

来一个跑马灯

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8     <div id="i1">欢迎Zach就职仪式</div>
 9     <script>
10         function func() {
11             var tag = document.getElementById('i1');
12             var content = tag.innerText;
13             var f = content.charAt(0);
14             var l = content.substring(1,content.length);
15             var new_content = l + f;
16             tag.innerText = new_content;
17         }
18         setInterval('func()',500)
19     </script>
20 </body>
21 </html>

数组

obj.length 数组的大小

obj.push(ele) 尾部追加元素

obj.pop() 尾部获取一个元素

obj.unshift(ele) 头部插入元素

obj.shift() 头部移除元素

obj.splice(start, deleteCount, value, ...) 插入、删除或替换数组的元素

obj.splice(n,0,val) 指定位置插入元素

obj.splice(n,1,val) 指定位置替换元素

obj.splice(n,1) 指定位置删除元素

obj.slice( ) 切片

obj.reverse( ) 反转

obj.join(sep) 将数组元素连接起来以构建一个字符串

obj.concat(val,..) 连接数组

obj.sort( ) 对数组元素进行排序

同样有字典

for循环

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8     <script>
 9         a = [11,22,33,44,55];
10         for(var item in a){
11             console.log(a[item]);
12         }
13         for(var i = 0; i < 5;i++){
14             console.log(a[i]);
15         }
16     </script>
17 </body>
18 </html>

但是第二种for循环不能使用字典

条件语句

if（条件）{

}else if{

}else{

}

* == 比较值相等

* != 不等于

* === 比较值和类型相等

* !=== 不等于

Python自学第十五周（2）

猜你喜欢