博主信息
博文 9
粉丝 0
评论 0
访问量 7663
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
js数组的常用函数slice()和splice()以及js引入html文档的方式-2019年1月17号 17时18分
蜗牛的博客
原创
694人浏览过

javascript是门强大的编程语言,接下来通过几个小示例来说明一下js引入html文档的方式以及js数组常用的两个函数slice()和splice()

js引入html文档的方式有三种:

1、直接写在元素的事件方法属性上,如定义一个按钮,单击这个按钮显示出按钮的类型:

<input type"button" onclick="console.log(type)"><label for="bt">显示类型</label>

 2、在当前页面中直接把js效果写在<script></script>标签中,如:

<script>
    window.onload=function(){
    document.write("加载完成")
    }
</script>

3、从外部引入,类似css文档的引入,url是要引入的js文件路径:

<script src="url"></script>

 接下来讲解slice()和splice()函数,在讲这两个函数之前先讲一下forEach()函数

 forEach()函数的作用是将数组中的元素输出,如:

var arr=["php","html","css","jquery","javascript","java","c++"]
arr.forEach(function(value){console.log(value)})

运行结果为:

2019-01-17_160616.png

slice(x,y)函数:从下标x开始,返回下标x和下标y之间选中的元素

返回第一个下标开始到第四个下标之间的元素,如:

2019-01-.png

 splice(x,y,z)函数:对数组有增删改的功能

增加:在指定位置(x)添加一个元素(y),返回被删除的元素(因为是添加元素,y=0,删除的元素为空,所以返回空)

如在第二个位置添加一个元素“添加”:

2019-01.png

删除:在指定的位置(x)开始,删除对应长度(y)的元素(z=0),并返回被删除的元素

如在第二个位置开始,删除后面两个元素:

2019-01-17_171.png

修改:本质为先删除,后在删除的位置添加一个新元素

如把第四个元素修改:

2019-01-17_171319.png

总结:

1、slice()函数和splice()函数虽只有一个字母的差别,但是含义却又天壤之别

2、splice()函数中有三个参数,参数不同,所用的功能也不同

批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学