webAPI基础

一、关于webAPI

 

1.API和webAPI

1.1API概念

API(Application Programming Interface)应用程序编程接口,简单理解API是给程序员提供的一种工具,以便能更轻松的完成想要的功能。

1.2webAPI概念

webAPI是浏览器提供的一套操作浏览器功能页面元素的接口(BOM、DOM)。比如我们想要浏览器弹出一个警示框alert('警示框'),alert就是浏览器的API

2.总结

API是为程序员提供的接口,帮助实现某种功能,会使用就可以了,不用纠结内部如何实现。

webAPI主要针对的是浏览器提供的接口,主要针对于浏览器做交互效果。

webAPI一般都有输入输出(函数的传参和返回值),webAPI很多都是方法(函数)。

二、DOM

1.DOM的概念

DOM(Document Object Model)文档对象模型,是W3C组织推荐的处理可扩展标记语言(html或者xhtml)的标准编程接口。W3C 已经定义了一系列的 DOM 接口,通过DOM接口就可以改变网页的内容、结构、样式。 

2.DOM树

  • 文档:一个页面就是一个文档,在DOM中用document表示。
  • 元素:页面中所有的标签都叫元素,在DOM中用element表示。
  • 标签节点:网页中的所有内容都是结点(标签、文本、属性、注释等),在DOM中用node表示。
  • DOM把以上内容都看作式是对象

3.获取元素

3.1根据id值获取单个元素

语法:

document.getElementById('元素id')

举例 

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
</head>
<body>
    <button id="v">aaaa</button>
    <script>
        var a=document.getElementById('v')
        console.log(a);
        //查看返回的对象的属性和方法,
        console.log(typeof a);//因为id值是唯一的,所以返回值是元素对象或者是null
    </script>
</body>
</html>

注意:id值是唯一的,若页面上有相同的id值的标签时,在获取时,获取的是id值第⼀次出现的标签。

3.2根据标签名获取⼀组元素

语法:

document.getElementsByTagName('标签名')

举例:

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
</head>
<body>
   <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <ol id="a">
        <li>11</li>
        <li>22</li>
        <li>33</li>
        <li>33</li>
        <li>55</li>
    </ol>
    <script>
        // 1.返回的是,获取过来元素对象的集合,是以伪数组的形式存储的
        var lis = document.getElementsByTagName('li');
        console.log(lis);
        console.log(lis[1]);
        // 2. 想要依次打印里面的元素对象可以采取遍历的方式
        for (var i = 0; i < lis.length; i++) {
            console.
  • 1
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: Web API是一种用于获取和交换数据的编程接口,它可以让不同的应用程序之间实现数据交换,从而帮助实现系统的集成化和功能的扩展化。学习Web API需要掌握HTTP协议、REST架构风格、请求和响应报文格式等相关知识。通过学习Web API,开发人员可以使用API服务构建更加灵活、可扩展的应用程序,提高了应用程序与其他系统的兼容性和协作性。在实际应用中,Web API也逐渐成为构建云计算、移动应用、物联网、大数据等领域中重要的技术之一。因此,对于软件开发人员而言,学习Web API具有重要的价值和意义。 ### 回答2: Web API 是一种基于 HTTP 协议的接口设计风格,用于实现不同 Web 应用之间的数据通信。通过 Web API,开发者可以将自己的应用开放给其他应用使用,并且能够实现跨域请求。Web API 的使用可以大大简化开发难度,提高应用与应用之间的通信效率和数据吞吐量。 学习 Web API 的过程中,我们需要了解 HTTP 请求的基本知识和常用的 HTTP 方法,如 GET、POST、PUT、DELETE 等。同时,我们还需要掌握数据格式的转换,如 JSON 和 XML 等,以及数据验证、授权、限流等常见的 Web API 技术。 在学习过程中,可以通过访问一些优秀的 Web API,如天气预报、新闻资讯、音乐播放等开放的接口,来深入了解 Web API 的实现和应用场景。在开发自己的 Web API 时,可以借鉴常用的 Web 框架或者自己实现一个 RESTful 接口。 总之,学习 Web API 是学习现代 Web 开发的基础,无论是从事前端开发、后端开发还是移动端开发,都可以获得广泛的应用和发展。 ### 回答3: WebAPI是一种基于Web的应用程序接口,它可用于访问和操作Web服务中的资源。WebAPI是一种编程接口,可以被开发者用来创建应用程序,以及访问或使用Web应用程序中的数据。WebAPI通常使用HTTP协议进行通信,因此,与Web浏览器相同的原则可以应用于WebAPI:GET用于检索资源,POST用于创建资源,PUT用于更新资源,DELETE用于删除资源。WebAPI的一个优点是它是浏览器无关的,并且可以从任何支持HTTP协议的客户端调用。此外,WebAPI通常是RESTful的,即它遵循REST原则,保证了可伸缩性和互操作性。如果您想学习WebAPI,您需要学习HTTP协议、REST、JSON和XML等相关技术,并使用相关编程语言(如Python、.NET、Java等)来创建或使用WebAPI。最终的目标是实现高质量的WebAPI,该API能够为客户端(如Web应用程序、移动应用程序或其他HTTP客户端)提供可靠而高效的访问和使用Web应用程序中的数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值