单号输入模式

参量

<link rel="stylesheet" href="https://pkge.net/css/externalwidget.min.css">
<div class="widget-pkge-net">
    <div class="widget-pkge-net-search">
        <!--物流单号的输入字段。-->
        <input type="text" class="widget-pkge-net-textfield" id="track-number" maxlength="40" />
        <!-- 按钮以调用脚本方法并开始跟踪过程。-->
        <input type="button" class="widget-pkge-net-button" value="跟踪" onclick="widgetTrack()" />
    </div>
    <!-- 将在其中显示包裹跟踪结果的容器。-->
    <div class="widget-pkge-net-result" id="widget-container"></div>
    <div class="widget-pkge-net-help">例如： <span onclick="document.getElementById('track-number').value = this.innerText">9261290358097804980356</span></div>                            <div class="widget-pkge-net-link">跟踪包裹 – <a href="https://pkge.net">pkge.net</a></div></div>

<!--小部件正常工作所需的脚本。可以在页面末尾插入。-->
<script type="text/javascript" src="https://pkge.net/externalwidget.min.js"></script>
<script type="text/javascript">
function widgetTrack() {
        var trackNumber = document.getElementById('track-number').value;

        if (!trackNumber) {
            alert('输入曲目编号！');
            return false;
        }

        PKGEExtWidget.trackBlockIntegrated({            //必填项. 物流单号
            'trackNumber': trackNumber,
             //必填项. 将在其中显示包裹跟踪结果的容器的ID
            'containerId': 'widget-container',
             //不必. 显示包裹跟踪结果的框架的宽度。默认情况下，它会拉伸到容器的整个宽度。
            'width': 970,
             //不必. 将显示包裹跟踪结果的框架高度。默认值为370。
            'height': 370,
            //不必. 用户界面语言（如果未指定）将由用户的浏览器设置确定。
            'language': 'zh'
        });
}
</script>