<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文本和文件節(jié)點操作

    這幾天的調試,總結了一些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">
    ????????
    //?禁止文件上傳文本框輸入文字,然后彈出消息提醒,用得到元素節(jié)點,然后清空的方法不行,可以用下面的函數(shù)得到需要的效果
    ????????function?toolTip()?{
    ????????????
    //?得到<span>跨字符節(jié)點
    ????????????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

    主站蜘蛛池模板: 免费的一级黄色片| 黄色网址免费在线| 中文字幕的电影免费网站| 午夜神器成在线人成在线人免费| 久久亚洲美女精品国产精品| 无码精品A∨在线观看免费| 亚洲欧洲在线播放| 久久国产乱子免费精品| 亚洲第一成人在线| 亚洲人成网站色在线入口| 亚洲一区二区三区无码国产| 久久久免费精品re6| 亚洲а∨精品天堂在线| 久久亚洲国产午夜精品理论片| 色se01短视频永久免费| eeuss免费天堂影院| 亚洲日韩中文字幕天堂不卡 | 99久久久国产精品免费牛牛四川| 亚洲精品午夜国产va久久| 国产免费丝袜调教视频| 亚洲乱码一区av春药高潮| 亚洲性日韩精品国产一区二区| 国产在线jyzzjyzz免费麻豆| 中文字幕免费观看视频| 亚洲国产成人精品无码区花野真一| 亚洲卡一卡2卡三卡4卡无卡三| 99久热只有精品视频免费观看17| 高潮毛片无遮挡高清免费| 亚洲国色天香视频| 亚洲精品无码久久久久sm| 国产免费人成在线视频| 毛片免费观看的视频| 一区二区三区四区免费视频 | 亚洲熟妇无码乱子AV电影| 午夜男人一级毛片免费| 久视频精品免费观看99| 亚洲va乱码一区二区三区| 亚洲国产精品成人久久| 亚洲片一区二区三区| 国产免费观看青青草原网站| 在线视频免费观看高清|