HtmlとJSのいくつかの面接試験問題
HtmlとJavaScriptの部分:
1.2番目の日付が最初の日付より大きいと判断する
スクリプトでユーザーが入力した文字列をどう判断するかは、次の時間フォーマット2004-11-21であり、ユーザーの入力がこのフォーマットであることを保証しなければなりません.また、月は12以下のような時間です.
//ここでは正規表現でフォーマットを判断してから各時間フィールドの内容を抽出するように押してください.
1.tableでn条の記録を表示し、3行ごとに色を変え、すなわち1、2、3は赤い字体、4、5、6は緑色の書体、7、8、9は赤い色の書体を使う.
1、HTMLのformを提出する前に、数値テキストボックスの内容が全部数字であることをどうやって検証しますか?さもないとユーザーに提示して提出を終了しますか?
2、HTMLテキストボックスに入力された内容を確認するためのJavascriptコードを書いてください.
コードを書き終わった以外に、ホームページに実験手順とコードの中にアイデアを入れて、面接官に見てもらうとあなたの意図と検査結果が分かります.
1、それらのajax技術とフレームワークを使ったことがありますが、その違いを話してください.
プロトタイプ、MooTools、jQuery、ASP.NET AJAX、Ajax.NET Professional、ExtJs
1.2番目の日付が最初の日付より大きいと判断する
スクリプトでユーザーが入力した文字列をどう判断するかは、次の時間フォーマット2004-11-21であり、ユーザーの入力がこのフォーマットであることを保証しなければなりません.また、月は12以下のような時間です.
//ここでは正規表現でフォーマットを判断してから各時間フィールドの内容を抽出するように押してください.
<scripttype="text/javascript">
window.onload = function()
{
// js html ， js ， html 。
document.getElementById("frm1").onsubmit=
function(){
var d1 =this.d1.value;
var d2 =this.d2.value;
if(!verifyDate(d1)) {alert(" ");return false;}
if(!verifyDate(d2)) {alert(" ");return false;}
if(!compareDate(d1,d2)){alert(" ");return false;}
};
}
function compareDate(d1,d2)
{
var arrayD1 =d1.split("-");
var date1 = newDate(arrayD1[0],arrayD1[1],arrayD1[2]);
var arrayD2 =d2.split("-");
var date2 = newDate(arrayD2[0],arrayD2[1],arrayD2[2]);
if(date1 > date2)return false;
return true;
}
function verifyDate(d)
{
var datePattern =/^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
returndatePattern.test(d);
}
</script>
<formid="frm1" action="xxx.html">
<inputtype="text" name="d1" />
<inputtype="text" name="d2" />
<inputtype="submit"/>
</form>
1.tableでn条の記録を表示し、3行ごとに色を変え、すなわち1、2、3は赤い字体、4、5、6は緑色の書体、7、8、9は赤い色の書体を使う.
<body>
<tableid="tbl">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
</table>
</body>
<scripttype="text/javascript">
window.onload=function()
{
var tbl =document.getElementById("tbl");
rows =tbl.getElementsByTagName("tr");
for(i=0;i<rows.length;i++)
{
var j =parseInt(i/3);
if(j%2==0)rows[i].style.backgroundColor="#f00";
else rows[i].style.backgroundColor="#0f0";
}
}
</script>
1、HTMLのformを提出する前に、数値テキストボックスの内容が全部数字であることをどうやって検証しますか?さもないとユーザーに提示して提出を終了しますか?
<form onsubmit=’returnchkForm(this)’>
<inputtype="text" name="d1"/>
<inputtype="submit"/>
</form>
<script type=”text/javascript”/>
function chkForm(this)
{
var value = thist.d1.value;
var len = value.length;
for(var i=0;i<len;i++)
{
if(value.charAt(i)>"9"|| value.charAt(i)<"0")
{
alert(" ");
returnfalse;
}
}
return true;
}
</script>
2、HTMLテキストボックスに入力された内容を確認するためのJavascriptコードを書いてください.
<inputtype="text" id="d1" onblur=" chkNumber (this)"/>
<script type=”text/javascript”/>
functionchkNumber(eleText)
{
var value = eleText.value;
var len = value.length;
for(var i=0;i<len;i++)
{
if(value.charAt(i)>"9"|| value.charAt(i)<"0")
{
alert(" ");
eleText.focus();
break;
}
}
}
</script>
コードを書き終わった以外に、ホームページに実験手順とコードの中にアイデアを入れて、面接官に見てもらうとあなたの意図と検査結果が分かります.
1、それらのajax技術とフレームワークを使ったことがありますが、その違いを話してください.
プロトタイプ、MooTools、jQuery、ASP.NET AJAX、Ajax.NET Professional、ExtJs