HTML5 & tel & make a phone call

咋呼叫呀，网页怎么打电话？



    {

        key: "exploreCorpPhone",

        title: "企业电话",

        width: 150,

        align: "center",

        render: (h, params) => {

            let tel = params.row.exploreCorpPhone;

            if (tel) {

                return h("div", [

                    h("Icon", {

                        props: {

                            name: "ios-call"

                        }

                    }),

                    h("a", {

                        attrs: {

                            "data-tel": tel,

                            href: `tel: ${tel}`,

                        },

                    }, tel),

                ]);

            } else {

                return h("div", [

                    h("Icon", {

                        props: {

                            name: "ios-call"

                        }

                    }),

                ]);

            }

        },

    },




                        render: (h, params) => {

                            let tel = params.row.exploreCorpPhone;

                            if (tel) {

                                return h("div", [

                                    h("Icon", {

                                        props: {

                                            name: "ios-call"

                                        }

                                    }),

                                    h("a", {

                                        attrs: {

                                            "data-tel": tel,

                                            href: `tel: ${tel}`,

                                        },

                                    }, tel),

                                ]);

                            } else {

                                return h("div", [

                                    h("Icon", {

                                        props: {

                                            name: "ios-call"

                                        }

                                    }),

                                ]);

                            }

                        },
  1. window.open('tel:12345');

https://stackoverflow.com/questions/16781772/trigger-phone-call-with-javascript

  1. <a href="tel: 18123456789">18123456789</a>



<!DOCTYPE html>

<html lang="zh-Hans">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <meta name="author" content="xgqfrms">

    <meta name="generator" content="VS code">

    <title>make a phone call in js</title>

</head>

<body>

    <section>

        <h1>js & make a call</h1>

        <a href="tel: 18123456789">18123456789</a>

        <a href="tel: 021 88888888">021 88888888</a>

    </section>

</body>

</html>

https://zhidao.baidu.com/question/455762432046249965.html

  1. 调后台提供的接口

点呼叫弹出呼叫窗口，确认后调后台提供的接口就可以，后台会去调钉钉发起电话

https://blog.csdn.net/cengjingcanghai123/article/details/47951003

input type=tel,



< input type="tel"></input>

HTML5 & tel & make a phone call的更多相关文章

  1. Html5学习3（拖放、Video（视频）、Input类型(color、datetime、email、month 、number 、range 、search、Tel、time、url、week )）

    1.Html拖放 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> < ...

  2. HTML5 input元素新的特性

    在HTML5中,<input>元素增加了许多新的属性.方法及控件.本文章分别对这三方面进行介绍. 目录 1. 属性 2. 方法 3. 新控件 1. 属性 <input>元素在H ...

  3. 04. Web大前端时代之：HTML5+CSS3入门系列~HTML5 表单

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 一.input新增类型: 1.tel:输入类型用于应该包 ...

  4. HTML5权威指南--Web Storage,本地数据库,本地缓存API,Web Sockets API,Geolocation API(简要学习笔记二)

    1.Web Storage HTML5除了Canvas元素之外,还有一个非常重要的功能那就是客户端本地保存数据的Web Storage功能. 以前都是用cookies保存用户名等简单信息.   但是c ...

  5. HTML5权威指南--标签新变化,文件API,拖放API(简要学习笔记一)

    1.标签元素更加语义化   2.内容类型仍然为“text/html”    扩展符仍然为html或者htm.    <1>DOCTYPE 声明<!DOCTYPE html>就可 ...

  6. HTML5 学习总结（二）——HTML5新增属性与表单元素

    一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> & ...

  7. 实现跨浏览器html5表单验证

    div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: ...

  8. 【HTML5&CSS3进阶03】Jser与Csser如何一起愉快的翻新老组件

    上次,我们形成了两种header的布局,一种flexbox,一种float,最后与身边做重构的同事交流下来,选择了float的布局. 事实上布局的选型不需要我关注,我的参与或者一些意见多数是自我提升, ...

  9. HTML5 与 CSS3 jQuery部分知识总结

    一.    HTML5 为什么需要HTML5 什么是HTML5 HTML5现状及浏览器支持 HTML5优点与缺点 HTML5语法规则与文档声明 HTML5新增表达标签 HTML5多媒体组件 HTML5 ...

随机推荐

  1. 【转】iOS中修改AVPlayer的请求头信息

    在开发中, 我们经常需要在网络请求时修改HTTP/HTTPS的请求头信息 1.普通AFN请求 #import "LMHTTPSessionManager.h" #import &l ...

  2. Apache 2.4.27 局域网访问提示 You don't have permission to access / on this server

    问题: 本机用localhost和ip都可以访问,局域网不可以访问,并且出现提示 You don't have permission to access / on this server. 解决: 如 ...

  3. 手动设定统计数据 set_table_stats

    PROCEDURE SET_TABLE_STATS Argument Name Type In/Out Default? ------------------------------ -------- ...

  4. Python+Pycharm—学习—pip

    1.pip是干什么的? 2.pip怎么安装? 3.pip怎么用?

  5. 初学Python——文件操作

    一.文件的打开和关闭 1.常用的打开关闭语句 f=open("yesterday","r",encoding="utf-8") #打开文件 ...

  6. 计算机网络#关于HDLC#

    HDLC(High-Level Data Link Control,高级数据链路控制):面向比特型的协议 主站(发送命令).从站(响应命令).复合站(既可发送命令,也可响应命令) HDLC链路配置方式 ...

  7. 【原创】jssh linux scp ssh 免密登录开源工具

    项目名 JSSH git地址: https://gitee.com/chejiangyi/jssh 项目介绍 linux scp(文件上传,下载) shell命令的java ssh jar和linux ...

  8. C语言中__attribute__ ((at())绝对定位的应用

    C语言中的关键字__attribute__ ,当时大一学C语言中没有接触过,后来工作中搞RFID的蓝牙标签卡开发,用的是MSP430G2332,直接用的是绝对定位: 1 const uint8_t f ...

  9. git中Please enter a commit message to explain why this merge is necessary.

    Please enter a commit message to explain why this merge is necessary. 请输入提交消息来解释为什么这种合并是必要的 git 在pul ...

  10. python五子棋

    以后不更新了,把以前的一些东西发出来. 这是一个命令行环境的五子棋程序.使用了minimax算法. 除了百度各个棋型的打分方式,所有代码皆为本人所撸.本程序结构与之前的井字棋.黑白棋一模一样. 有一点 ...