Javascript学习(4)

JavaScript数组

JavaScript常用对象和方法

JavaScript的超链接及事件的阻断机制

JS中window对象的使用

<html>
    <head>
        <meta charset="UTF-8">
        <title>js的数组学习</title>
        <!--
            js的数组学习:
                1、数组的声明
                2、数组的使用
                3、数组的length属性
                4、数组的遍历
                5、数组的常用方法
        -->
        <script type="text/javascript">
            //1、数组的声明

                //声明1:声明空数组
                function createArr1(){
                    var arr=new Array();
                    alert(arr);
                }
                //声明2:声明指定长度的数组
                function createArr2(){
                    var arr2=new Array(5);
                    alert(arr2.length);
                }

                //声明3:声明带有指定初始元素的数组
                function createArr3(){
                    var arr3=new Array(1,2,3,5);
                    alert(arr3[0]); 
                }
                //声明4:
                function createArr4(){
                    var arr=[1,2,3,4];
                    alert(arr);
                }
/*----------------------------------------------------------------------------------------*/
                //2、数组的使用
                    /*  (1)、js的数组在使用的时候可以不用指定长度,也就数组的长度不是固定的;
                     *  (2)、js的数组可以存储任意类型的数据。
                     *  (3)、数组的角标赋值去取值:
                     *          数组名[角标]=值
                     *          数组名[角标]
                     *  (4)、数组的在赋值的时候,角标不是连续的,不会报错,会自动使用空补齐
                     *      在取值的时候,使用一个没有内容的角标,打印undefined;
                     * */
                function useArr(){
                    //声明数组
                    var arr=[];
                    arr[0]=1;
                    arr[1]="abc";
                    arr[2]=new Date();
                    arr[3]=true;
                    arr[10]="a";
                    alert(arr[20]);
                }
        </script>
    </head>
    <body>
        <h3>js的数组学习</h3>
        <hr />
            <ol>
                <li>var 数组名=new Array(),声明一个空数组</li>
                <li>var 数组名=new Array(length),声明指定长度的数组</li>
                <li>var 数组名=new Array(元素1,元素2...),声明指定初始元素的数组</li>
                <li>var 数组名=[元素1,元素2,...],简写的方式声明一个数组</li>
            </ol>
        <hr />
        <input type="button" name="" id="" value="数组声明1" οnclick="createArr1();" />
        <input type="button" name="" id="" value="数组声明2" οnclick="createArr2();" />
        <input type="button" name="" id="" value="数组声明3" οnclick="createArr3();" />
        <input type="button" name="" id="" value="数组声明4" οnclick="createArr4();" />
        <hr />
        数组的使用:<br />
        <input type="button" name="" id="" value="数组的使用" οnclick="useArr();" />
    </body>
</html>

 

 

 

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>js常用对象跟方法</title>
        <script type="text/javascript">
            //String对象的学习
            function testSubStr(){
                var a = "我是太阿秋";
                alert(a.substr(0,2));
            }
            function testSubString(){
                var a = "我是太爱就";
                alert(a.substring(0,3));
            }
            //Split将字符串分割开,存放在数组里面
            function testSplit(){
                var a = "我-是-海-换-及";
                var b = a.split("-");
                alert(b);
            }
            //Date对象的学习
            function testDate(){
                var a = new Date();
                alert(a);
            }
            //Math对象的学习
            function testCeil(){
                var a = 12.33;
                alert(Math.ceil(a));//ceil:向上取整
            }
            function testRandon(){
                //获取[0,1)之间的随机数
                var a = Math.random();
                alert(a);
            }
            //Global对象的学习
            function testEval(){
                //获取字符串
                var a = "var b = 123";
                //将字符串转换为可识别的js的代码
                eval(a);
                alert(b);
            }
        </script>
    </head>
    <body>
        <h3>String对象的学习</h3>
        <hr />
        <input type="button" id="" name="" value="SubStr" οnclick="testSubStr()" />
        <input type="button" id="" name="" value="SubString" οnclick="testSubString()" />
        <input type="button" id="" name="" value="Split" οnclick="testSplit()" />
        <h3>Date对象的学习</h3>
        <hr />
        <input type="button" id="" name="" value="Date" οnclick="testEval()"/>
        <h3>Math对象的学习</h3>
        <hr />
        <input type="button" id="" name="" value="Ceil" οnclick="testCeil()" />
        <input type="button" id="" name="" value="Random" οnclick="testRandon()" />
        <h3>Global对象的学习</h3>
        <hr />
        <input type="button" id="" name="" value="Eval" οnclick="testEval()" />
    </body>
</html>

 

 

JavaScript的超链接及事件的阻断机制

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>js超链接调用函数和事件的阻断</title>
    </head>
    <script type="text/javascript">
        function test(){
            alert("我被调用了");
            return false;
        }
    </script>
    <body>
        <h3>js超链接的调用</h3>
        <hr />
        <a href="http://www.baidu.com" target="_blank">百度一下</a>
        <!--使用超链接调用函数-->
        <a href="javascript:test()">调用一下1</a>
        <!--使用事件的方式调用,先走onclick事件触发的js事件,然后在走href的超链接-->
        <a href="http://www.baidu.com" target="_blank" οnclick="test()">调用一下2</a>
        <!--事件的阻断机制,如果js代码的返回值为false,则事件被阻断;如果返回值为ture则不被阻断-->
        <a href="http://www.baidu.com" target="_blank" οnclick="return test()">阻断一下</a>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>event对象的学习</title>
        <!--
            描述:event对象:
                1、获取鼠标坐标
                2、获取键盘值
        -->
        <script type="text/javascript">
            //获取鼠标坐标
            function getMouseCode(eve){
                //获取event对象
                var eve = eve || window.event;
                //为了解决浏览器差异的问题
                var x = eve.pageX ||eve.x;
                var y = eve.pageY ||eve.y;
                alert(x+":"+y);
            }
            //获取键盘值
            function getKeyCode(eve){
                //获取event对象
                var eve = eve || window.event;
                var keyCode = eve.getKey;
                alert(keyCode);
            }
        </script>
        <style type="text/css">
            #div01{
                border: solid 1px;
                width: 300px;
                height: 300px;
                background-color: #FFE4C4;
            }
        </style>
    </head>
    <body>
        <h3>event对象的学习</h3>
        <hr />
        <div id="div01" οnmοusemοve="getMouseCode(event)"></div>
        <input type="text" id="" name="" value="" οnkeydοwn="getKeyCode(event)"/>
    </body>
</html>

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
目标检测(Object Detection)是计算机视觉领域的一个核心问题,其主要任务是找出图像中所有感兴趣的目标(物体),并确定它们的类别和位置。以下是对目标检测的详细阐述: 一、基本概念 目标检测的任务是解决“在哪里?是什么?”的问题,即定位出图像中目标的位置并识别出目标的类别。由于各类物体具有不同的外观、形状和姿态,加上成像时光照、遮挡等因素的干扰,目标检测一直是计算机视觉领域最具挑战性的任务之一。 二、核心问题 目标检测涉及以下几个核心问题: 分类问题:判断图像中的目标属于哪个类别。 定位问题:确定目标在图像中的具体位置。 大小问题:目标可能具有不同的大小。 形状问题:目标可能具有不同的形状。 三、算法分类 基于深度学习的目标检测算法主要分为两大类: Two-stage算法:先进行区域生成(Region Proposal),生成有可能包含待检物体的预选框(Region Proposal),再通过卷积神经网络进行样本分类。常见的Two-stage算法包括R-CNN、Fast R-CNN、Faster R-CNN等。 One-stage算法:不用生成区域提议,直接在网络中提取特征来预测物体分类和位置。常见的One-stage算法包括YOLO系列(YOLOv1、YOLOv2、YOLOv3、YOLOv4、YOLOv5等)、SSD和RetinaNet等。 四、算法原理 以YOLO系列为例,YOLO将目标检测视为回归问题,将输入图像一次性划分为多个区域,直接在输出层预测边界框和类别概率。YOLO采用卷积网络来提取特征,使用全连接层来得到预测值。其网络结构通常包含多个卷积层和全连接层,通过卷积层提取图像特征,通过全连接层输出预测结果。 五、应用领域 目标检测技术已经广泛应用于各个领域,为人们的生活带来了极大的便利。以下是一些主要的应用领域: 安全监控:在商场、银行
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值