javascript - HTML 文本消息

Question

我使用纯 HTML 编写短信 SMS，只需添加一个特殊的 href 值，通常常规 URL 如下所示:

<a href="sms:+33xxxxxxxx?body=Hello!">
    Compose SMS!
</a>

我创建了一个文本字段来输入电话号码。

<input type="text" id="numPhone" style="width: 203px;">

我希望 SMS HTML 代码使用此字段的值，因此我尝试如下:

<script type="text/javascript"> 
    var phone = $('#numPhone').val();
</script>

<a href="sms:${phone}?body=Hello!">
    Compose SMS!
</a>

但是当我单击撰写短信时，我收到一个空收件人。 请帮助使用短信代码中的字段值!

Answer 1

您只能在 JS template literals 中执行类似“${phone}”的操作。该语法不是 HTML 的一部分。此外，它必须使用 event listener每当用户更新输入字段时更新链接，而不仅仅是在页面最初加载时。你必须做这样的事情。

<a id="composeSMS">
    Compose SMS!
</a>

<script type="text/javascript">
    $('#numPhone').on('input', function() {
        $('#composeSMS').attr('href', 'sms:' + this.value + '?body=Hello!');
    });
</script>