博主信息
博文 4
粉丝 0
评论 0
访问量 1897
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
js数组的常用函数(slice()和splice()) 与js的三种引入方式 2019年1月16日15:46
戚仲欣杨梅家的博客
原创
616人浏览过

⑴js数组的常用函数(slice()和splice()) 

slice() 函数用于取值

splice()函数用于增删查改


实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    
    <title>Document</title>
</head>
<body>
        <!-- 1. js数组的常用函数(slice()和splice()) -->
        
        <script>  
        //slice()函数用来数组取值  
        var arr =[1,2,3,4,5,6]// 默认为0,1,2,3,4,5,
        
        arr.slice(2,4) //结果为 3,4 (最后一位不算)
        arr.slice(1,-3)//结果为 2,3 负数为倒数顺序。



        
        
        //splice()函数用于增删查改
        arr.splice(2,0,'js') //第一个参数表示位置, 第二个参数表示删除数量,第三个参数表示添加
        //返回值为删除内容
        arr.splice(4,2) //第四个位置删除2个数值
        //返回值为删除内容
        
        //更新操作, 就是在当前位置删除一个数值, 然后添加一个数值
        arr.splice(2,1,'你好')



        
        console.log(arr);
        

        //字符串 拆分成数组 
        var str ='html,css,js';

        var arr = str.split(',')
        
        arr
        </script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例



⑵,js的三种引入方式

1直接在元素事件方法属性上写JS 代码。

2在当前页面写人标签 然后写代码,

3外部引用

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    
    <title>Document</title>
</head>
<body>
        js引入到html文档中的三种方式,举例说明

         1,直接在元素的事件方法属性上写js代码
         <h3 id='tips' onclick="console.log(id)">JS很好玩</h3>

         <form action="">
            <input type="text" name="site" value="php中文网">
            <button type="button" onclick="console.log(site.value)" >点我显示站点名称</button>
         </form>

         <form action="">
                <input type="text" name="username" placeholder="用户名">
                <button type="button" onclick="check(username)" >验证</button>
         </form>
         2,写在当前页面中,之适用于当前页面
         <script>
             //偷懒一下 先不写了,赶作业
             
         </script>
         外部引用
         <script src="js/js.js"></script>


</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

 

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系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+教程免费学