标签：bsp 选择 contain 更改 自己 网上 容器 详情 style
网上有四个公开的快递查询api，在当中我选了快递鸟这个，当然按自己需求去选择
爱快递 - 爱快递支持国内90多家快递物流订单查询服务，免费版有使用次数限制，可用于电子商城单号跟踪,手机应用,微信快递接口等服务
快递100 - 快递100支持300家国内国际快递，免费版有使用次数限制。
快递鸟 - 快递鸟支持国内外400多家快递公司，免费版有使用次数限制，包含.Net, PHP, Java版Demo
快递网 - 快递网支持上百家快递查询服务，免费版有使用次数限制
为什么在四个快递查询的公开api众我选择了快递鸟呢，因为他有预设样式，有js，可以像swiper、fullpage等插件一样通过cdn引入然后配置一下就可以使用了，详情见快递鸟外部调用文档，本人使用的是轨迹查询框嵌入
这些样式以及js都不用去写，直接网络引入快递鸟官方的样式个人感觉快递鸟官方样式还行，就没有修改，然后引入官方js，配置一下配置一个快递查询功能就实现了。`
<head>
<title>PC端-物流轨迹查询框嵌入练习</title>
<link rel="stylesheet" href="http://www.kdniao.com/OutDemo/KDNWidget/KDNWidget.css" />
</head>
<body>
<div id="myExercise"></div>
<script src="http://www.kdniao.com/OutDemo/KDNWidget/KDNWidget.js"></script>
<script>
window.onload = function () {
KDNWidget.run({
"serviceType": "D",//此处为快递鸟类型值，不要更改，D为物流轨迹查询框嵌入
"container": "myExercise",//此处填写容器id，注意不需要加#
})
}
</script>
</body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
快递鸟官方api文档
---------------------
标签：bsp 选择 contain 更改 自己 网上 容器 详情 style
原文地址：https://www.cnblogs.com/hyhy904/p/10983099.html
