<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 閱讀(1009) 評論(0)  編輯  收藏 所屬分類: JavaScript

    主站蜘蛛池模板: 免费无码黄网站在线观看| 亚洲av无码片在线观看| 国产精品免费视频网站| AAA日本高清在线播放免费观看| 亚洲精品宾馆在线精品酒店| 亚洲国产精品线在线观看| 亚洲中文字幕视频国产| 日日AV拍夜夜添久久免费| 在线视频精品免费| 很黄很污的网站免费| 在线播放国产不卡免费视频 | A国产一区二区免费入口| 亚洲AV成人无码久久WWW| 亚洲性线免费观看视频成熟 | 精品香蕉在线观看免费| 好紧我太爽了视频免费国产| 91精品成人免费国产| 一区二区3区免费视频| 黄网站在线播放视频免费观看| 亚洲精品第一综合99久久| 亚洲videos| 国产成+人+综合+亚洲专| 亚洲五月综合缴情婷婷| 亚洲一区二区三区免费观看| 亚洲欧洲日本国产| 亚洲精品视频在线免费| 色拍自拍亚洲综合图区| 久久综合亚洲鲁鲁五月天| 久久久国产精品亚洲一区| 久久亚洲AV无码精品色午夜| 精品亚洲aⅴ在线观看| 亚洲经典在线中文字幕| 亚洲人成毛片线播放| 亚洲avav天堂av在线网爱情| 亚洲第一成人在线| 亚洲日本在线电影| 国产成人亚洲精品无码AV大片| jizzjizz亚洲日本少妇| 特级av毛片免费观看| 东北美女野外bbwbbw免费| 毛片在线播放免费观看|