Blogger Information
Blog 5
fans 0
comment 1
visits 2706
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
js常用数组函数slice()和splice()以及js引入到html文档中的三个方法——2019年1月17日11:10分
藏族设计师博客
Original
645 people have browsed it

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

 

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