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. P1316 丢瓶盖（二分+贪心）

    思路:都在注解里 #include<iostream> #include<algorithm> using namespace std; ; int a[maxn], n, m ...

  2. Spring Security（二十六）：8. Spring Security Community

    8.1 Issue Tracking Spring Security uses JIRA to manage bug reports and enhancement requests. If you ...

  3. NOIP2018初赛游记

    NOIP2018初赛游记 (编辑中)

  4. ExFilePicker的使用 — 获取本地图片资源并用RecyclerView展示出来

    代码其实很简单,所以就不多进行文字说明,直接上完整的代码: 第一步:在app/build.gradle添加需要使用到的依赖库:(这里对引用的版本冲突问题作了处理,详情请看链接:https://www. ...

  5. 从零开始搭建django前后端分离项目 系列二（项目搭建）

    在开始项目之前,假设你已了解以下知识:webpack配置.vue.js.django.这里不会教你webpack的基本配置.热更新是什么,也不会告诉你如何开始一个django项目,有需求的请百度,相关 ...

  6. Redis中的数据结构

    1. 底层数据结构, 与Redis Value Type之间的关系 对于Redis的使用者来说, Redis作为Key-Value型的内存数据库, 其Value有多种类型. String Hash L ...

  7. 通用权限管理系统多语言开发标准接口 - java，php 调用标准接口程序参考

    1:公司里有多个业务系统,需要进行统一重构,有PHP的.有Java的.有.NET的,甚至还有 Delphi 的. 2:公司里有多个数据库系统,有mysql的.有sqlserver的.还有oracel的 ...

  8. Django 中间件版登录验证

    中间件版的登录验证需要依靠session,所以数据库中要有django_session表. urls.py # urls.py from django.conf.urls import url fro ...

  9. Centos7之Systemd(Service文件)详解

    一.开机启动 对于那些支持 Systemd 的软件,安装的时候,会自动在/usr/lib/systemd/system目录添加一个配置文件. 如果你想让该软件开机启动,就执行下面的命令(以httpd. ...

  10. Pytorch 初识

    文章目录 一个简单的回归网络的例子 再来一个例子 官方教程上图片识别的例子 import torch import torch.nn as nn import torch.nn.functional ...