<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Tang Anping

    Love Java

    JavaScript文本和文件節點操作

    這幾天的調試,總結了一些JavaScript的經驗,如果大家有更好的方法,歡迎交流!
    本人喜歡以代碼的方式交流,不很喜歡紙上談兵。
    elementOper.jsp
    <%@?page?language="java"?import="java.util.*"?pageEncoding="GB2312"%>
    <%
    String?path?
    =?request.getContextPath();
    String?basePath?
    =?request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>

    <!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN">
    <html>
    ??
    <head>
    ????
    <base?href="<%=basePath%>">
    ????
    ????
    <title>ElementOper</title>
    ????
    ????
    <meta?http-equiv="pragma"?content="no-cache">
    ????
    <meta?http-equiv="cache-control"?content="no-cache">
    ????
    <meta?http-equiv="expires"?content="0">????
    ????
    <meta?http-equiv="keywords"?content="keyword1,keyword2,keyword3">
    ????
    <meta?http-equiv="description"?content="This?is?my?page">
    ????
    <script?type="text/javascript">
    ????????
    //?禁止文件上傳文本框輸入文字,然后彈出消息提醒,用得到元素節點,然后清空的方法不行,可以用下面的函數得到需要的效果
    ????????function?toolTip()?{
    ????????????
    //?得到<span>跨字符節點
    ????????????var?fileSpan?=?document.getElementById("fileSpan");
    ????????????
    //?重新給<span>賦值
    ????????????fileSpan.innerHTML?=?'<input?name="fileUpload"?title="請點擊瀏覽"??type="file"?value="aaaa"?onkeyup="toolTip()">';
    ????????????
    //?彈出提醒信息
    ????????????alert("請點擊后面的瀏覽,選擇需要上傳的文件!");
    ????????}

    ????????
    //?初始化文本
    ????????function?initialValue()?{
    ????????????var?txt?
    =?document.getElementById("username");
    ????????????
    //?設置字體顏色
    ????????????txt.style.color?=?"gray";
    ????????????
    //?給元素賦值
    ????????????txt.value?=?"--請在這里輸入姓名--";
    ????????}

    ????????
    //?清空文本
    ????????function?clearText()?{
    ????????????var?txt?
    =?document.getElementById("username");
    ????????????txt.value?
    =?"";
    ????????????txt.style.color?
    =?"black";
    ????????}

    ????
    </script>
    ??
    </head>
    ??
    ??
    <body?onload="initialValue()">
    ????
    <form?action=""?name="fileForm"?enctype="multipart/form-data">
    ????????
    <span?id="fileSpan"><input?name="fileUpload"?title="請點擊瀏覽"??type="file"?value="aaaa"?onkeydown="toolTip()"></span>
    ????
    ????????
    <table?style="background-color:?#D4E1EE;border-bottom-color:?#cccccc"?cellpadding="1"??cellspacing="0"?border="0">
    ????????????
    <tr>
    ????????????????
    <td?style="border-color:?gray;">
    ????????????????????
    <input?type="text"?style="border:?0;border-color:?gray;"?name="username"?onfocus="clearText()">
    ????????????????
    </td>
    ????????????
    </tr>
    ????????
    </table>
    ????
    </form>
    ??
    </body>
    </html>

    posted on 2006-12-05 09:10 Tang Anping 閱讀(1010) 評論(0)  編輯  收藏 所屬分類: JavaScript

    主站蜘蛛池模板: 永久看日本大片免费35分钟| 无码一区二区三区亚洲人妻| 国产精品久久久久久久久久免费| 久久99九九国产免费看小说| 亚洲国产成人久久精品动漫| a毛片免费在线观看| 最近免费中文字幕视频高清在线看 | 中文在线免费看视频| 日韩中文字幕精品免费一区| 亚洲永久中文字幕在线| 国产成人精品久久免费动漫 | 亚洲高清视频在线播放| 看亚洲a级一级毛片| 国产麻豆剧传媒精品国产免费| 亚洲色偷偷色噜噜狠狠99| 四虎影院免费视频| 久久久久久久尹人综合网亚洲| 中文字幕免费观看全部电影| 亚洲av无码潮喷在线观看| 亚洲一级毛片免费看| 国产成人精品日本亚洲18图| 人妻在线日韩免费视频| 亚洲韩国精品无码一区二区三区| 无码毛片一区二区三区视频免费播放 | 亚洲国产精品无码AAA片| 无码午夜成人1000部免费视频| 久久亚洲AV无码精品色午夜| 久久精品网站免费观看| 色天使色婷婷在线影院亚洲| 国产亚洲精品成人a v小说| 玖玖在线免费视频| 中文无码亚洲精品字幕| 亚洲男女内射在线播放| 久久国产乱子伦免费精品| 国产亚洲3p无码一区二区| 最近免费字幕中文大全视频| 亚洲中文字幕精品久久| 国产一精品一aⅴ一免费| 亚洲一区中文字幕在线电影网| 中国一级全黄的免费观看| 一个人免费观看视频www|