1. 程式人生 > >關於前端的一些隨筆(不定期更新)

關於前端的一些隨筆(不定期更新)

一些關於前端的知識隨筆 2018年11月16日,星期五

定時重新整理:

html的實現:

  • //每隔五秒重新整理一次

js的實現:

  1. setInterval(quoto,1500);//quoto為函式名
  2. setTimeout("javascript:location.href='hello.html'", 5000);

html的一些標籤:

:呈現斜體的文字

事件繫結

靜態繫結:
元素.click(function(){})
靜態繫結有一定的缺陷
動態繫結:
父元素.on("click",元素,function(){})
呼叫:元素.click()
有時候用靜態繫結有可能無效

上面的程式碼就沒有執行,原因是它獲取的值還沒有被伺服器返回回來
處理的方法是為元素動態繫結:
$("#book_ul").on("click","li",function(){});

jQuery動態修改class屬性

`$(this).find(該屬性).addClass(屬性值);`  
`$(元素).removeClass(屬性值);`  

js的confirm方法(很實用):

`confirm(你要確認的訊息)`  

常與if合用:if(confirm(你要確認的訊息))
瀏覽器會彈出確定和取消的視窗,如果點選確定,則執行下面的操作

ajax與js

  • window.location.href="hello.html"
    :頁面跳轉
  • window.location.reload="hello.html":頁面重新整理

ajax與springMVC

當ajax和springMVC合用的時候,伺服器端的controller處理的結果返回到瀏覽器端,
不是返回的整個頁面,而是把return的當成一個字串(把這個頁面的程式碼返回給瀏覽器)返回,
這時return的是什麼就無所謂了,如果需要頁面跳轉,就要用到window的方法了。