jsp的一些基本操作


1.點擊按鈕返回 上一頁:

<input type="submit" value="返回" onclick="javascript :history.back(-1);">

 

2.點擊按鈕跳轉到另一個jsp頁面:

<input type="button" onclick="window.location='info/register.jsp'" value="快速注冊">

 

3.復選框

<input type=checkbox name='a1'>保存登錄名</input><br/>

 

4.背景圖片超鏈接:

<td width=103px style="background:url(images/you.png)">
<a style="text-decoration: none" href="#"><font color=white><b>評價</b></font></a>
</td>

 

5.在js中獲取html中表單元素的value值:

function show() { alert(document.getElementById("txt").value ) }

 

6.在js中打開另一個jsp頁面:

function to(){ window.location.href="index.jsp"; }

 

7.在js中給從表單傳過來的中文用戶名編碼

var username=encodeURI(document.getElementById("username").value);

 

8.servlet端處理jsp頁面傳遞過來的中文

String username=URLEncoder.encode(request.getParameter("username"),"utf-8");

 

9.js中判斷jsp中的復選框 是否被選中:

if(document.getElementById("checkboxID").checked){ alert("checkbox is checked"); }

 

10.由jsp表單向servlet傳遞中文變量的技巧:

先在js中處理,然后提交給servlet

var username='<%=request.getParameter("username")%>';
username=encodeURI(username);

 

11.單選按鈕 的問題:

<input type="radio" name="identity" value="學生" checked="checked" />學生

<input type="radio" name="identity" value="教師" />教師

<input type="radio" name="identity" value="管理員" />管理員

把三個 name 設置一樣才可以單選。

 

12.js中如何判斷單選按鈕被選中:

for(i=0;i<document.form1.place.length;i++){ 
          if(document.form1.place[i].checked) 
          {
              alert(document.form1.place[i].value);
          } 
    } 

 

或:var type=document.getElementsByName("cate");
    for(i=0;i<type.length;i++){
        if(type[i].checked)
        {
            tag=type[i].value;
        }
    }   
   

 

13.在servlet中給jsp頁面傳來的搜索關鍵字編碼

String kw=URLEncoder.encode(request.getParameter("kw"),"utf-8");

 

14.分頁自增問題:

<%Integer ssh=Integer.parseInt(request.getParameter("page"))+1;%>要引一下java.lang.*包

jsp代碼:

<div><a href="tuangou/tuansearch.jsp?tuankey=<%=request.getParameter("tuankey")%>&tpid=<%=request.getParameter("tpid")%>&page=<c:out value='<%=(ssh)%>'/>">下一頁</a> 第<%=(ssh-1)%>頁< /div>

 

15.點擊按鈕生成一個文本框:

<button onclick="javascript:document.body.innerHTML+='<input type=text><br>';">點我生成一個文本框</button>

 

16.js中的字符串分割函數:

str="2,2,3,5,6,6"; //這是一字符串
var strs= new Array(); //定義一數組
strs=str.split (","); //字符分割
for (i=0;i<strs.length ;i++ ) {
      document.write(strs[i]+"<br/>"); //分割后的字符輸出
}

 

17.對文字onclick(點擊Test會調用test()函數):

<a href="javascript:test()" >Test</a>

 

18.文本域

<textarea rows="10" cols="30" id="cont">您的意見:</textarea>

 

19.js中分割字符串

var a="a?b?c";

var arr=a.split("?");

alert(arr[0]);

 

20.js中判斷變量是否undefined

if ( typeof (temp) == "undefined" ){

    alert("undefined" );

}

 

21.獲取被選中下拉框 的值:

<select id="yewuyuan">

<option value="0">請選擇...</option>

</select>

alert($("#yewuyuan").find("option:selected").text())

或:alert($("#yewuyuan option:checked").text());

 

$("#yewuyuan ").val();

 

22.中文亂碼
get請求:
String  stuname = request.getParameter("stuname");
String str = new String(stuname.getBytes("ISO-8859-1"),"utf-8")
post請求:
request. setCharacterEncoding("UTF-8");

 

23.js中獲得當前系統時間

var myDate = new Date();   
var mytime=myDate.toLocaleTimeString();

 

24.js丟棄小數部分,保留整數部分
js:parseInt(7/2)

 

25.超鏈接去掉下划線:

style="text-decoration: none"

 

26.table合並行或列:

<tr align="center"><td colspan=3 >星期一菜譜</td></tr>  合並3列成一列

<tr align="center"><td rowspan=2 >素菜</td><td>茄子</td><td>扁豆</td></tr>
<tr align="center"><td>豆腐</td><td>白菜</td></tr>  合並2行成一行

 

27.js正則表達式驗證手機號碼

var reg =/(^0{0,1}1[3|4|5|6|7|8|9][0-9]{9}$)/;
    if(!reg.test(num1)){
        var mes="<font color=red>您輸入的手機號碼不正確,請重新輸入!</red>";
        $("#mes").html(mes);   
        return;
    }

 

28.js取整

丟棄小數部分,保留整數部分
js:parseInt(7/2)
向上取整,有小數就整數部分加1
js: Math.ceil(7/2)
四舍五入
js: Math.round(7/2)
向下取整
js: Math.floor(7/2)

 

parseInt(str)

 

29.jsp頁面添加錨點

<a href="wap/tuangou/cityindex.jsp#a ">A</a>

<a name="a" >A</a>

 

30.div中添加滾動條

<div style=" overflow:scroll"> 這里是你要顯示的內容 </div>

如果要出現水平滾動條,則: overflow-x:auto
同理,垂直滾動條為: overflow-y:auto

 

31.頁面獲取回車事件 並提交表單:s
<script language="javascript" for="document" event="onkeydown">
    if (event.keyCode == 13)
    {
        document.getElementById("login").click();
    }
</script>

 

32.jquery獲取table中的值

//點擊保存某個答案
    function saveone(obj){
       //序號
       var ide=$(obj).parent().parent().parent().children().eq(0).children().eq(0).children().eq(0).val();      
       alert(ide);
    }

 

33.jquery獲取被選中單選框 的值:

var myname='key'+myserial;
alert(myname);

var thekey=$("input[name='"+myname+"']:checked").val();
alert(thekey);

 

34.jquery獲取被選中的復選框 的值:

$("[name='"+myname+"']:checked").each(function(){
        var i=parseInt($(this).val());
         thekey+=i;
})

 

35.jquery獲取table的每一行的第一列 數據
    $("#myques tr").each(function(){
        var $thisTr = $(this);
        var $thisFirstTd = $("td:eq(0)",$thisTr );
        alert($thisFirstTd.text());
    });

 

36.jquery獲取table的行數
    var t01 = $("#myques tr").length;

 

37.jquery給變量id 賦值

$('#'+id).val(allparams);

 

38.fmt 標簽:

 <fmt:formatDate value="${projectVo.createTime}" type="both" pattern="yyyy-MM-dd HH:mm:ss"/>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM