js实现添加http协议头

需求:用户在输入网址时,如果没有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);
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,837评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,861评论 25 708
  • 一、概念(载录于:http://www.cnblogs.com/EricaMIN1987_IT/p/3837436...
    yuantao123434阅读 8,418评论 6 152
  • 孟母堂施工七个月了,从三月三十一日开工四方响应,即将完工,但恰逢冬季无法施工来看看 手绘孟母堂客房卫生间 手绘孟母...
    每个人的孟母堂阅读 422评论 0 1
  • 读经典书的快乐之一在于不期而遇,庄子云:千年得一解者,是旦暮遇之。人生际遇更如是。 近两年,发生在...
    瓶子1679阅读 334评论 1 3