[JSP] 页面编写操作

爱被打了一巴掌 2022-02-16 08:15 207阅读 0赞

### 页面编写技巧集合 ###

点击删除,在删除前确认弹窗

点一下文本框里面的内容清空

使用ajax在标签中增加子标签

打开一个新窗口

刷新当前窗口

刷新父窗口

关闭当前窗口

点击删除,在删除前确认弹窗:
    <a href="javascript:delEmp(${emp.empId})" class="tablelink"> 删除</a>
    
    function delEmp(empId) {
                if (confirm("您确定要删除该员工吗")) {
                    location.href = "emp?method=delEmp&empId="+empId;
                }
            }
    
    点一下文本框里面的内容清空:
    <input name="empId" type="text" class="loginuser" value="" "JavaScript:this.value=''"/>
    
    使用ajax在标签中增加子标签
    使用html():
    $(function () {
    //获取所有部门列表并数除
    $.ajax({
            url: "duty?method=findAllDept",
            type: "post",
            success: function (jsonStr) {
                //输出所有的部门列表
                eval("var arr=" + jsonStr);
                str = '';
                for (var i = 0; i < arr.length; i++) {
                    str += '<option value="' + arr[i].deptNo + '">' + arr[i].deptName + '</option>';
                }
                //一次性写入select #deptNo列表中
                $("#deptNo").html(str);
            }
        }
    );
    })
    
    使用append():
    function addPhoto(){
        //获取上传图片li
        var li = $("#uploadphoto");
        //console.info(li);
        //准备添加的dom对象
        var content=$("<span><label> </label><input name='photo' type='file' class='dfinput' /><i></i>"+
            "<input type='button'  class='btn'  value='删除' 'removeCurrSpan(this)'/></span>");
        //加入到指定位置
        li.append(content);
    }
    
    打开一个新窗口
    <a href="javascript:open('audit.html','','width=500,height=230,left=300,top=300,location=0,scrollbars=0,resizable=0')">
    
    //刷新当前窗口
    window.location.reload（）； 
    
    //刷新父窗口
    window.opener.location.reload（）；
    
    //关闭当前窗口
    window.close（）；