美文网首页
js实现添加http协议头

js实现添加http协议头

作者: jia林 | 来源:发表于2017-07-28 15:55 被阅读0次

需求:用户在输入网址时,如果没有http协议头,则自动添加

  • html
<input type="text" name="" id="url">
<button id="add">提交</button>
  • js
var url;
// 获取按钮进行点击事件
var add = document.getElementById('add').onclick = function(){
    // 获取input里面的值
    url=document.getElementById("url").value;
    // 正则匹配
url=url.substr(0,7).toLowerCase()=="http://"?url:"http://"+url;
alert(url);
}

相关文章

网友评论

      本文标题:js实现添加http协议头

      本文链接:https://www.haomeiwen.com/subject/wxcflxtx.html