javascript jsp頁面動態顯示系統時間測試可用多瀏覽器通過測試（2），javascriptjsp

最後更新：2014-09-16 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%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>My JSP 'MyJsp.jsp' starting page</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"><!--<link rel="stylesheet" type="text/css" href="styles.css">-->  </head>  <script language="javascript">function nowTime(ev,type){/* * ev:顯示時間的元素 * type:時間顯示模式.若傳入12則為12小時制,不傳入則為24小時制 *///年月日時分秒var Y,M,D,W,H,I,S;//月日時分秒為單位時前面補零function fillZero(v){if(v<10){v='0'+v;}return v;}(function(){var d=new Date();var Week=['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];Y=d.getFullYear();M=fillZero(d.getMonth()+1);D=fillZero(d.getDate());W=Week[d.getDay()];H=fillZero(d.getHours());I=fillZero(d.getMinutes());S=fillZero(d.getSeconds());//12小時制顯示模式if(type && type==12){//若要顯示更多時間類型諸如中午淩晨可在下面添加判斷if(H<=12){H='上午'+H;}else if(H>12 && H<24){H-=12;H='下午'+fillZero(H);}else if(H==24){H='下午00';}}ev.innerHTML=Y+'年'+M+'月'+D+'日 '+''+W+''+H+':'+I+':'+S;//每秒更新時間setTimeout(arguments.callee,1000);})();}</script>  <body onload="nowTime(nowtime,24);">    <p id="nowtime"></p>  </body></html>

JSP頁面動態顯示時間

script代碼中定義的getTime()函數並沒有被調用啊，當然不會顯示了。

你若要在頁面載入的時候就一直動態顯示，你可以在script標籤內加入
window.onload=function(){ //window是瀏覽器視窗對象，不需要用new去建立
//onload是頁面載入的時候自動執行的事件
//此處調用的是一個匿名函數，沒有函數名
window.setInterval("getTime()",1000); //每隔1000ms執行你的getTime()函數
//setInterval是window的常用方法，表示每隔多長時間執行某個函數
}

JSP，連javascript不同瀏覽器都有差異，怎測試好？

沒有個准，現在各個廠商瀏覽器存在較大差異，寫代碼的時候就要經常考慮這些事情，有些東西就是存在差異的，無論哪家公司現在也無法一統江湖，所以這就苦了我們開發人員了，如果使用者要求不同的瀏覽器，那麼我們的測試案例就得以幾何級數增長。
首先自己確定了需要那種瀏覽器，圍繞這些瀏覽器找到他們的差異（這個從前輩積累的經驗中找，Google一下），慢慢總結自己的經驗，在遇到存在差異的語句塊時要分別處理，沒有辦法。
如果要真屏蔽這種差異，好吧，使用架構，最新版本的架構，比如說jquery，extjs，dwr這些架構，學習使用這些，應該都能滿足你的要求了。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More