Blogger Information
Blog 7
fans 1
comment 3
visits 6710
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
js数组常用函数slice()和splice()、 js引入到html中的三种方式(1月16日)
熊哥的博客
Original
999 people have browsed it

一、 js数组的常用函数

1、函数:push() 、pop()、unshift()、shift()

var arr = [];
arr.push(123); //尾部增加一个
arr.pop(); //尾部删除一个
arr.unshift('abc'); //头部增加一个
arr.shift(); //头部删除一个

 

2、函数:slice() 和 splice()

// slice() 获取部分元素,返回Array
// 案例:返回从索引2到4之间元素(不含索引4),即结果:[2,3,4]
var arr = [1,2,3,4,5,6]; 
console.log( arr.slice(1,4) );  // 方法一
console.log( arr.slice(1,-2) );  // 方法二,尾部从-1开始
// splice() 增加和删除元素,返回删除的元素数组
// splice(开始索引, 要删除的数量(0表示不删除), 要添加的元素(多个逗号分开))
var arr = [1,2,3,4,5,6,7,8];
arr.splice(2,0,'a'); // 从第三个位置添加一个元素,非删除操作,返回空数组
console.log(arr);  // [1, 2, "a", 3, 4, 5, 6, 7, 8]
arr.splice(4,2);  // 从第5个位置删除2个,返回 [4, 5]
console.log(arr); // [1, 2, "a", 3, 6, 7, 8]
// 更新,实际上分二步完成:1.删除:是先删除指定元素, 2.添加: 再添加新元素到这个位置上
arr.splice(2,1,'php');  // ['a']
console.log(arr); // [1, 2, "php", 3, 6, 7, 8]

 

二、 js引入到html文档中的三种方式
1、直接在元素的事件方法属性上写js代码。

<h3 id="tips" onclick="alert(id)">JavaScript很好玩的</h3>

 

2、将js脚本写script标签中,仅限当前页面使用。

<form action="">
    <input type="text" name="username" placeholder="用户名">
    <button type="button" onclick="check(username)">验证</button>
</form>

<script>
    function check(username) {
        if (username.value.length === 0) {alert('用户名不能为空');} 
        else {alert('验证通过');}}
</script>

3、将js脚本写到外部的js文件中

<script src="static/js/js01.js"></script>

 

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!