博主信息
博文 5
粉丝 0
评论 1
访问量 3321
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
js常用数组函数slice()和splice()以及js引入到html文档中的三个方法——2019年1月17日11:10分
藏族设计师博客
原创
758人浏览过

js数组常用函数slice()和splice()的练习,slice()实现在数组中取任何数据。而splice()实现了数据的增删改。

然后复习了下js引入html中的三个方式,说来与css有点像,大概就是通俗说是,行内用,然后<script></script>内用,还有就是外部引入,格式比css引入简单,就是<script src=""></script>,同时也练习了下函数,也复习了下表单。下列如下:

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2019年1月16日作业——slice和splice</title>
</head>
<body>  
    <script>
        //一、 js数组常用的函数 slice 和 splice  
        //slice 主要是取中间的数据
        var arr=['gusang','设计师','藏族',91,9,21]
        document.write(arr.slice(2,5));
    </script>
    <hr>
     <script>
            //一、 js数组常用的函数 slice 和 splice  
            //slice 主要是取中间的数据
            var arr=['gusang','设计师','藏族',91,9,21]
            arr.slice(1,-2);
            document.write(arr);
        </script>
    <hr>
    <script>
        //splice可以增删查改。
        var arr=['gusang','设计师','藏族',91,9,21]
        document.write(arr.splice(4,3));
    </script>
    <hr>
     <script>
            //splice可以增删查改。
            var arr=['gusang','设计师','藏族',91,9,21]
            arr.splice(3,0,"第三个后面加内容");
            document.write(arr);
        </script>   
        <hr>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js引入方式</title>
</head>
<body>
    <!--1、直接在元素事件属性的方法上写js代码 -->
    <h1 onclick="alert('你为什么点我们共产主义接班人')">我们是共产主义接班人</h1>

    <form action="">
        <input type="text" name="gusang" value="共产主义接班人">
        <button type="button"  onclick="alert(gusang.value)">显示内容</button>
    </form>
    <form acction="" >
        <input type="text" name="gusang" value="西藏好孩子">
        <button type="button" onclick=" console.log('对,你就是西藏好孩子')" >验证一下吧</button>
    </form>
    <hr>
   <!--2、放在<script></script>里面   也就是js《script》脚本标签中 -->
   <form acction="" >
        <input type="text" name="gusang1" placeholder="shurumingzi">
        <button type="button"onclick="check(gusang1)" >再好好验证一下</button>
    </form>
  <script>
      function check(gusang1){
            if(gusang1.value.length===0){
                alert('你为什么要放空,坏蛋');
            }else{
                alert("验证通过");
            }
      }
   </script>
   <hr>
    <!--2、像css导入一样,外链  写到外部的就是中,然后链接进来 -->
    <form acction="" >
            <input type="text" name="gusang1" placeholder="这是最后一个呀">
            <button type="button"onclick="check(gusang1)" >再好好验证一下</button>
        </form>
    <script src="js.js" ></script>
</body>
</html>

运行实例 »

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

QQ截图20190117112212.png

微信图片_20190117111720.jpg总结:

1、还是在check(username)那部分不懂,还有不知道为什么实现函数if的验证时候前面的<button>里还是要写上onlike“check(username)”;

2、整体收获还是很大,之前买课程学过一年,但是没有这么详细,也无法学到这么多,希望坚持下去。

 

批改状态:合格

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