求用JavaScript設計一個隨機生成的十以內的加法程序，答案也在十以內，選擇答案后顯示評判結果

按照你的要求，幫你做了一個小案例：

成都創新互聯公司是一家專注于成都做網站、網站設計、外貿營銷網站建設與策劃設計,麗水網站建設哪家好?成都創新互聯公司做網站,專注于網站建設十年,網設計領域的專業建站公司;建站業務涵蓋:麗水等地區。麗水做網站價格咨詢:13518219792

特別提醒：一定要在頁面里引入jQuery。因為用到了幾個jQuery的方法。

HTML代碼：

p題目：span?class="a"/span?+?span?class="b"/span/p

p?class="answer"答案：span/spanspan/spanspan/spanspan/span/p

p結果：span?class="result"/span/p

JavaScript代碼：

var?answer?=?Math.floor(Math.random()?*?9?+?2),??//正確答案

a?=?Math.floor(Math.random()?*?(answer?+?1)),

b?=?answer?-?a,

option?=?[],?//備選數組

rightIndex?=?Math.floor(Math.random()?*?4);?//正確答案的隨機位置，確保正確不在同一位置。

$('.a').html(a);

$('.b').html(b);

var?errorNum?=?3;?//錯誤答案數量

//循環生成隨機錯誤答案，并確保不會正確答案重復且錯誤答案也不能重復。

//將生成的結果輸出在對應的位置上。

for?(var?i?=?0;?i??errorNum;)?{

var?num?=?Math.floor(Math.random()?*?11);

if?(num?!=?answer??$.inArray(num,?option)?==?-1)?{

if?(rightIndex?==?i)?{

$('.answer?span:eq('?+?option.length?+?')').html(answer);

option.push(answer);

}

$('.answer?span:eq('?+?option.length?+?')').html(num);

option.push(num);

i++;

}

}

if?(rightIndex?==?3)?{

$('.answer?span:eq(3)').html(answer);

option.push(answer);

}

//當用戶點擊了答案是，觸發判斷答案是否正確并顯示在頁面上。

$('.answer?span').click(function()?{

if?($(this).html()?==?a+b)?{

$('.result').html('回答正確');

}else{

$('.result').html('回答錯誤');

}

});

實例中的樣式代碼：

.answer?span{

padding:?5px?20px;

border:?1px?solid?#CCC;

margin-right:?10px;

cursor:?pointer;

}

運行結果截圖：

初始化：

選擇錯誤：

選擇正確：

javascript（js）正則 從匹配到的內容中進行二次正則替換，是否有解決方案？

var?str="#hhhhhehhh##!hhhhehhh!#";?

var?reger=new?RegExp("#[a-zA-Z]+#","g");?

str?=?str.replace(reger,function(word){

return?word.replace("e","");?});

var?reger2=new?RegExp("#![a-zA-Z]+!#","g");?

alert(str.replace(reger2,function(word){

return?word.replace("#!","#");?}));

JS隱藏號碼中間4位代碼實例

本文實例為大家分享了JS隱藏號碼中間4位的具體代碼，供大家參考，具體內容如下

function

resetPhone(phone)

{

var

str

=

String(phone)

var

len

=

str.length;

var

prev,next;

if

(len

=

7)

{

prev

=

str.slice(-len,-7)

next

=

str.slice(-3)

str

=

prev+"****"+next

}

else

if

(len

7

len

=

6)

{

prev

=

str.slice(-len,-4)

next

=

str.slice(-2)

str

=

prev

+

"**"

+

next

}

console.log(str)

return

str

}

上面可以正常使用，正則更加方便，但是如果中間連續重復數字有點小問題（如下面的正則方式）。

function

resetPhone(phone)

{

var

str

=

String(phone)

var

len

=

str.length;

if

(len

=

7)

{

var

reg

=

str.slice(-7,

-3)

return

str.replace(reg,

"****")

}

else

if

(len

7

len

=

6)

{

//1234567

var

reg

=

str.slice(-4,

-2)

return

str.replace(reg,

"**")

}

}

以上所述是小編給大家介紹的JS隱藏號碼中間4位詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

您可能感興趣的文章:JS中實現隱藏部分姓名或者電話號碼的代碼JS中input表單隱藏域及其使用方法JS實現“隱藏與顯示”功能(多種方法)javascript點擊按鈕實現隱藏顯示切換效果AngularJS實現元素顯示和隱藏的幾個案例JS實現鼠標點擊展開或隱藏表格行的方法jquery和js實現對div的隱藏和顯示方法js設置控件的隱藏與顯示的兩種方法js判斷元素是否隱藏的方法javascript獲取隱藏元素(display:none)的高度和寬度的方法

如何在JavaScript中使用自定義事件

JavaScript 的事件處理是所有瀏覽器端程序的基本必備技巧。當目標元素的事件被觸發時，比如按鈕被點擊，鼠標移動，或者是表單提交，這些事件觸發時都可以觸發對應的方法。當然這個過程中我們可以傳遞一些參數過去來自定義很多事情。

一個要注意避免的就是事件與DOM元素的緊耦合。比如先看看下面這個代碼，考慮到用一個簡單表單來接受用戶輸入的信息。

form id="msgbox" action="#" method="get"

label for="msg"your message/label

input id="msg" value="" /

buttonSEND/button

/form

我們能寫一段代碼讓屏幕上顯示剛才表單提交的信息

document.getElementById("msgbox").addEventListener("submit", function(e) {

e.preventDefault();

var msg = e.currentTarget.getElementById("msg").value.trim();

if (msg) {

alert(msg);

}

}, false);

那么如果我們想對顯示出來的這句話做一些操作，比如發一條tweet，或存儲在服務器或者干些其他什么？則有兩個選擇：

1，對已有的事件處理方法添加代碼

這個方案的缺陷就是每當打算測試或者更新后來添加的事件處理方法時變得非常不彈性化，每當更改或者刪除一些功能的時候，總會有一大段代碼要跟著去修改。

2，為每一個功能都創建事件處理方法

第二個方法很好的解決了前面方法的問題，雖然這個方法可能會一開始麻煩點。畢竟所有的方法代碼都要處理重復的消息提取以及驗證步驟。

設想假如能夠自行觸發自定義的"newMessage"事件而無需驗證是否有message提交，或假如能監控整個HTML文檔或者body這樣的標簽而不僅僅只是某個表單的節點，能否做到呢？這就是自定義事件要解決的問題了。

自行觸發一個自定義事件是很簡單的；如下代碼就是傳遞一個name,details以及options到新建的 CustomEvent對象中:

var event = new CustomEvent(

"newMessage",

{

detail: {

message: "Hello World!",

time: new Date(),

},

bubbles: true,

cancelable: true

}

);

這個案例中，"newMessage"是一個自定義事件類型。而第二個參數包含了此對象的三個屬性(detail,bubbles,cancelable)。

detail: 包含了自定義事件的具體信息，這里僅僅就包括了一個message與一個time

bubbles: 如果是true，則事件會一直傳遞給自身的父對象元素，接著父對象也會觸發此類事件

cancelable: 如果是true, 事件可以被事件觸發元素的 stopPropagation( ) 方法停止

現在，我們需要針對某個特定元素來觸發此類事件。

document.getElementById("msgbox").dispatchEvent(event);

可以用以下代碼訂閱這個事件的處理。

document.addEventListener("newMessage", newMessageHandler, false);

Js 中for in 的用法，以及案例

for...in 語句用于對數組或者對象的屬性進行循環操作。

for ... in 循環中的代碼每執行一次，就會對數組的元素或者對象的屬性進行一次操作。

語法：

for (變量 in 對象)

{

在此執行代碼

}

“變量”用來指定變量，指定的變量可以是數組元素，也可以是對象的屬性。

實例：

使用 for ... in 循環遍歷數組。

html

body

script?type="text/javascript"

var?x

var?mycars?=?new?Array()

mycars[0]?=?"Saab"

mycars[1]?=?"Volvo"

mycars[2]?=?"BMW"

for?(x?in?mycars)

{

document.write(mycars[x]?+?"br?/")

}

/script

/body

/html

javascript有哪些不合理的設計缺陷

一、為什么Javascript有設計缺陷？

這里有三個客觀原因，導致Javascript的設計不夠完善。

1. 設計階段過于倉促

Javascript的設計，其實只用了十天。而且，設計師是為了向公司交差，本人并不愿意這樣設計（參見《Javascript誕生記》）。

另一方面，這種語言的設計初衷，是為了解決一些簡單的網頁互動（比如，檢查"用戶名"是否填寫），并沒有考慮復雜應用的需要。設計者做夢也想不到，Javascript將來可以寫出像Gmail這種極其龐大復雜的網頁。

2. 沒有先例

Javascript同時結合了函數式編程和面向對象編程的特點，這很可能是歷史上的第一例。而且直到今天為止，Javascript仍然是世界上唯一使用Prototype繼承模型的主要語言。這使得它沒有設計先例可以參考。

3. 過早的標準化

Javascript的發展非常快，根本沒有時間調整設計。

1995年5月，設計方案定稿；10月，解釋器開發成功；12月，向市場推出，立刻被廣泛接受，全世界的用戶大量使用。Javascript缺乏一個從小到大、慢慢積累用戶的過程，而是連續的爆炸式擴散增長。大量的既成網頁和業余網頁設計者的參與，使得調整語言規格困難重重。

更糟的是，Javascript的規格還沒來及調整，就固化了。

1996年8月，微軟公司強勢介入，宣布推出自己的腳本語言Jscript；11月，為了壓制微軟，網景公司決定申請Javascript的國際標準；1997年6月，第一個國際標準ECMA-262正式頒布。

也就是說，Javascript推出一年半之后，國際標準就問世了。設計缺陷還沒有充分暴露就成了標準。相比之下，C語言問世將近20年之后，國際標準才頒布。

二、Javascript的10個設計缺陷

1. 不適合開發大型程序

Javascript沒有名稱空間（namespace），很難模塊化；沒有如何將代碼分布在多個文件的規范；允許同名函數的重復定義，后面的定義可以覆蓋前面的定義，很不利于模塊化加載。

2. 非常小的標準庫

Javascript提供的標準函數庫非常小，只能完成一些基本操作，很多功能都不具備。

3. null和undefined

null屬于對象（object）的一種，意思是該對象為空；undefined則是一種數據類型，表示未定義。

typeof null; // object

typeof undefined; // undefined

兩者非常容易混淆，但是含義完全不同。

var foo;

alert(foo == null); // true

alert(foo == undefined); // true

alert(foo === null); // false

alert(foo === undefined); // true

在編程實踐中，null幾乎沒用，根本不應該設計它。

4. 全局變量難以控制

Javascript的全局變量，在所有模塊中都是可見的；任何一個函數內部都可以生成全局變量，這大大加劇了程序的復雜性。

a = 1;

(function(){

b=2;

alert(a);

})(); // 1

alert(b); //2

5. 自動插入行尾分號

Javascript的所有語句，都必須以分號結尾。但是，如果你忘記加分號，解釋器并不報錯，而是為你自動加上分號。有時候，這會導致一些難以發現的錯誤。

比如，下面這個函數根本無法達到預期的結果，返回值不是一個對象，而是undefined。

function(){

return

{

i=1

};

}

原因是解釋器自動在return語句后面加上了分號。

function(){

return;

{

i=1

};

}

6. 加號運算符

+號作為運算符，有兩個含義，可以表示數字與數字的和，也可以表示字符與字符的連接。

alert(1+10); // 11

alert("1"+"10"); // 110

如果一個操作項是字符，另一個操作項是數字，則數字自動轉化為字符。

alert(1+"10"); // 110

alert("10"+1); // 101

這樣的設計，不必要地加劇了運算的復雜性，完全可以另行設置一個字符連接的運算符。

7. NaN

NaN是一種數字，表示超出了解釋器的極限。它有一些很奇怪的特性：

NaN === NaN; //false

NaN !== NaN; //true

alert( 1 + NaN ); // NaN

與其設計NaN，不如解釋器直接報錯，反而有利于簡化程序。

8. 數組和對象的區分

由于Javascript的數組也屬于對象（object），所以要區分一個對象到底是不是數組，相當麻煩。Douglas Crockford的代碼是這樣的：

if ( arr

typeof arr === 'object'

typeof arr.length === 'number'

!arr.propertyIsEnumerable('length')){

alert("arr is an array");

}

9. == 和 ===

==用來判斷兩個值是否相等。當兩個值類型不同時，會發生自動轉換，得到的結果非常不符合直覺。

"" == "0" // false

0 == "" // true

0 == "0" // true

false == "false" // false

false == "0" // true

false == undefined // false

false == null // false

null == undefined // true

" \t\r\n" == 0 // true

因此，推薦任何時候都使用"==="（精確判斷）比較符。

10. 基本類型的包裝對象

Javascript有三種基本數據類型：字符串、數字和布爾值。它們都有相應的建構函數，可以生成字符串對象、數字對象和布爾值對象。

new Boolean(false);

new Number(1234);

new String("Hello World");

與基本數據類型對應的對象類型，作用很小，造成的混淆卻很大。

alert( typeof 1234); // number

alert( typeof new Number(1234)); // object

關于Javascript的更多怪異行為，請參見Javascript Garden和wtfjs.com。

三、如何看待Javascript的設計缺陷？

既然Javascript有缺陷，數量還不少，那么它是不是一種很糟糕的語言？有沒有前途？

回答是Javascript并不算糟糕，相反它的編程能力很強大，前途很光明。

首先，如果遵守良好的編程規范，加上第三方函數庫的幫助，Javascript的這些缺陷大部分可以回避。

其次，Javascript目前是網頁編程的唯一語言，只要互聯網繼續發展，它就必然一起發展。目前，許多新項目大大擴展了它的用途，node.js使得Javascript可以用于后端的服務器編程，coffeeScript使你可以用python和ruby的語法，撰寫Javascript。

最后，只要發布新版本的語言標準（比如?ECMAscript 5），就可以彌補這些設計缺陷。當然，標準的發布和標準的實現是兩回事，上述的很多缺陷也許會一直伴隨到Javascript存在的最后一天。

網站標題：javascript案列,JAVASCRIPT是什么
網頁地址：http://www.yijiale78.com/article46/dscheeg.html

成都網站建設公司_創新互聯，為您提供外貿建站、域名注冊、軟件開發、響應式網站、企業建站、網站設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯