課程
/前端開發
/JavaScript
/JavaScript進階篇
可以參考一下代碼嗎？有的部分寫不出來！
2016-09-26
源自：JavaScript進階篇 8-17
正在回答
編程練習頁面旁邊有個資料下載，可以下載看看源代碼來參考
可以拉下來，在同學代碼那點開看。也可以在旁邊的資料下載去下載正確答案。
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <style>
? ? ?input{
? ? ? height:30px;
? ? ?}
? ? ?option{
? ? ? height: 30px;
? </style>
? <script type="text/javascript">
? ?function count(){
? ? ? ?var res;
? ? ? ?var num1=parseInt(document.getElementById("txt1").value);//獲取第一個輸入框的值
? ? var num2=parseInt(document.getElementById("txt2").value);//獲取第二個輸入框的值
? ? var opt=document.getElementById("select").value//獲取選擇框的值?
? ? switch(opt)
? ? {
? ? ? ? case "+":
? ? ? ? ? ? var res =num1 + num2;
? ? ? ? ? ? break;
? ? ? ? case "-":
? ? ? ? ? ? var res =num1 - num2;
? ? ? ? case "*":
? ? ? ? ? ? var res =num1 * num2;
? ? ? ? case "/":
? ? ? ? ? ? var res =num1 / num2;
? ? ? ? ? ? break; ??
? ? ? ? default:
? ? ? ? ? ? alert("error");
? ? }
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? document.getElementById("fruit").value=res;
? ? //設置結果輸入框的值?
? ??
? ?}
? </script>?
?</head>?
?<body>
? ?<input type='text' id='txt1'/>?
? ?<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
? ?</select>
? ?<input type='text' id='txt2' />?
? ?<input type='button' value=' = ' onclick="count()"/> <!--通過 = 按鈕來調用創建的函數，得到結果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>
? <title>瀏覽器對象</title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> ??
?</head>
? <!--先編寫好網頁布局-->
? <h1>操作成功</h1>
? <span id="miao">5</span>秒后返回主頁，<a href="javascript:history.back()">返回</a>
??
?
? <script type="text/javascript"> ?
? ? ?var i=5;
? ?function sct(){
? ? ? document.getElementById("miao").innerHTML=i;
? ? ? i--;
? ? ? if(i==0)
? ? ? {
? ? ? ? ? location.assign("www.xianlaiwan.cn");
? ? ? }
? ? ? ?}//獲取顯示秒數的元素，通過定時器來更改秒數。
? ? ? setInterval("sct()",1000);
? ? ??
? ?//通過window的location和history對象來控制網頁的跳轉。
? ?
?</script>?
</body>
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界
2 回答全網最正確的代碼
3 回答我寫的代碼是否正確？
1 回答本次題目正確代碼
3 回答參考代碼，可正確運行
4 回答參考代碼，可正確運行
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-09-28
編程練習頁面旁邊有個資料下載，可以下載看看源代碼來參考
2016-09-26
可以拉下來，在同學代碼那點開看。也可以在旁邊的資料下載去下載正確答案。
2016-09-26
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <style>
? ? ?input{
? ? ? height:30px;
? ? ?}
? ? ?option{
? ? ? height: 30px;
? ? ?}
? </style>
? <script type="text/javascript">
? ?function count(){
? ? ? ?var res;
? ? ? ?var num1=parseInt(document.getElementById("txt1").value);//獲取第一個輸入框的值
? ? var num2=parseInt(document.getElementById("txt2").value);//獲取第二個輸入框的值
? ? var opt=document.getElementById("select").value//獲取選擇框的值?
? ? switch(opt)
? ? {
? ? ? ? case "+":
? ? ? ? ? ? var res =num1 + num2;
? ? ? ? ? ? break;
? ? ? ? case "-":
? ? ? ? ? ? var res =num1 - num2;
? ? ? ? ? ? break;
? ? ? ? case "*":
? ? ? ? ? ? var res =num1 * num2;
? ? ? ? ? ? break;
? ? ? ? case "/":
? ? ? ? ? ? var res =num1 / num2;
? ? ? ? ? ? break; ??
? ? ? ? default:
? ? ? ? ? ? alert("error");
? ? }
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? document.getElementById("fruit").value=res;
? ? //設置結果輸入框的值?
? ??
? ?}
? </script>?
?</head>?
?<body>
? ?<input type='text' id='txt1'/>?
? ?<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
? ?</select>
? ?<input type='text' id='txt2' />?
? ?<input type='button' value=' = ' onclick="count()"/> <!--通過 = 按鈕來調用創建的函數，得到結果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>
2016-09-26
<!DOCTYPE html>
<html>
?<head>
? <title>瀏覽器對象</title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> ??
?</head>
?<body>
? <!--先編寫好網頁布局-->
? <h1>操作成功</h1>
? <span id="miao">5</span>秒后返回主頁，<a href="javascript:history.back()">返回</a>
??
?
? <script type="text/javascript"> ?
? ? ?var i=5;
? ?function sct(){
? ? ? document.getElementById("miao").innerHTML=i;
? ? ? i--;
? ? ? if(i==0)
? ? ? {
? ? ? ? ? location.assign("www.xianlaiwan.cn");
? ? ? }
? ??
? ? ? ?}//獲取顯示秒數的元素，通過定時器來更改秒數。
? ? ? setInterval("sct()",1000);
? ? ??
? ? ??
? ? ??
? ?//通過window的location和history對象來控制網頁的跳轉。
? ?
?</script>?
</body>
</html>