// var agent, password, mode, phoneId //登录所需参数 // window.onload = function () { // init(); // }; //初始化电话条 function init() { var iframe = document.createElement('iframe'); iframe.name = "uinCall"; iframe.id = "uinCall"; iframe.ref = "uinCall"; iframe.allow = "microphone"; iframe.src = "https://ykf.uincall.com/telephonebarplugin/index.html"; // iframe.src = "https://ceshi.uincall.com/telephonebarplugin/index.html"; var telephoneBar = document.getElementById("telephoneBar"); if (telephoneBar) { telephoneBar.appendChild(iframe); var uinCall = document.getElementById("uinCall"); console.log('@@@-', uinCall); iframe.style.width = telephoneBar.getAttribute("data-width"); iframe.style.height = telephoneBar.getAttribute("data-height"); iframe.style.border = 0; } } //打印来自电话条内的抛出事件 window.addEventListener('message', function (e) { // console.log('@EchoData','message>>',e) console.info(e); if (e.data) { try { var resData = JSON.parse(e.data); // 动态修改iframe的高度 if (resData && resData.key && resData.key === 'changeCallHistoryState') { var telephoneBar = document.getElementById("telephoneBar"); var uinCall = document.getElementById("uinCall"); var frameHeight = telephoneBar.getAttribute("data-height"); if (resData.data) { // 显示 var heightConfig = parseInt(frameHeight); uinCall.style.height = (!heightConfig || heightConfig < 310) ? '310px' : heightConfig + 'px'; } else { uinCall.style.height = frameHeight; } } } catch (err) { console.info(e); } } }); //高级话务 function telephoneFunction(data) { let uincall = document.getElementById('uinCall'); if (uincall) { uincall.contentWindow.postMessage(data, '*'); } else { init(); uincall = document.getElementById('uinCall'); if (uincall) { setTimeout(() => { uincall.contentWindow.postMessage(data, '*'); }, 500); } } } 优化代码
时间: 2024-04-22 09:25:17 浏览: 33
Wo-3G数据库设计 1、TB_Phone(手机表) 字段名称 字段类型 说明 ID ...doc
这段代码是关于电话条插件的初始化和使用的代码。它包含了以下几个主要功能:
1. 初始化电话条:通过创建一个iframe元素,并设置相应的属性,将电话条插件的页面加载到iframe中,然后将iframe添加到指定的父元素中。
2. 监听电话条内部抛出的事件:通过监听message事件,获取从电话条内部抛出的数据。可以根据具体的需求对数据进行处理。
3. 高级话务功能:通过调用telephoneFunction函数,将数据通过postMessage方法发送给电话条插件。
优化代码的具体实现需要根据具体的需求和代码结构进行分析和调整,无法在没有更多相关信息的情况下给出具体的优化建议。
阅读全文