10.28-个人项目中的收获2

Posted 2020-10-12

 

一个简单的表单验证

 

function getElementByName(name){
    var elements = document.getElementsByName(name);
    return elements[0];
}

function validate(){
    var element = getElementByName("username");
    if(element.value.length == 0){
        alert("请输入用户名");
        element.focus();
        return false;
    }
    
    var element = getElementByName("relpassword");
    if(element.value.length == 0){
        alert("请输入密码");
        element.focus();
        return false;
    }
    
    var element = getElementByName("relpassword2");
    if(element.value.length == 0){
        alert("请再次输入密码");
        element.focus();
        return false;
    }
    
    if(getElementByName("relpassword").value != getElementByName("relpassword2").value){
        alert("两次密码输入不一致");
        element.focus();
        return false;
    }
     
    return true;
}

 

点击切换div里面的内容

给点击按钮一个点击事件，获取div的id，在div.innerhtml里直接用``号，在里面写内容，这是其中一个方法，虽然JS报错，但是还是可以用的。

function one(){
    var a = document.getElementById("ddd");
    a.innerHTML = `<ul>
                    <li>
                        <div class="fj_img">
                            <img src="img/lyh.jpg"     class="img9">
                            <p>龙与虎</p>
                        </div>
                        <div class="fj_name">
                            <h4><a href="#">龙与虎</a></h4>
                            <p>更新至25集</p>
                        </div>
                    </li>
                                </ul>`

 

音乐播放功能

<audio src="music/RADWIMPS - 前前前世 (movie ver.).mp3" controls id="bb"></audio>

这个标签是新的标签，在一些老的浏览器上不认，而且每个浏览器显示的样子都是不一样的