简易js初体验

  • 获取输入框的url
  • 判断url中是否包含域名
  • 只支持http和https协议
  • 自动给正确的url加上http协议

代码

<script type="text/javascript">
    function download() {
        var input = document.getElementById("url");//通过id获取文本框对象
        var prefix = 'http://f.kkwen.cn/vps?url=';
        var reg_schema = /^[a-z]+:\/\//;
        var schema = /^(http|https):\/\//;
        var reg_domain = /[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/;
        var value;
        if(input.value == ''){
            alert('没有输入内容');
        return;
        } else {
            s_schema = input.value.search(reg_schema);

            // 没有声明协议
            if (s_schema == -1){
                if(input.value.search(reg_domain) == -1){
                    alert('链接错误,未包含域名');
                    return
                } else {
                    value = prefix + 'http://' + input.value;
                }
            }
            // 声明了协议
            else {
                // 非http或https协议
                if (input.value.search(schema) == -1){
                    alert('只支持http或https链接');
                    return ;
                // 正确的协议
                } else {
                    value = prefix + input.value;
                }
            }
        }
        window.open(value);
}
</script>
最后修改:2019 年 07 月 25 日
如果觉得我的文章对你有用,请随意赞赏