博客列表 >js常用数组函数slice()和splice()以及js引入到html文档中的三个方法——2019年1月17日11:10分

js常用数组函数slice()和splice()以及js引入到html文档中的三个方法——2019年1月17日11:10分

藏族设计师博客
藏族设计师博客原创
2019年01月17日 11:23:53644浏览

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 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议