                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript入門(mén)篇

為什么在prompt窗口點(diǎn)了取消還是會(huì)打開(kāi)新窗口的

function?openWindow(){
????????var?clickConfirm?=?confirm("是否打開(kāi)網(wǎng)址輸入框？");
????????if?(clickConfirm?==?true){
????????????var?link?=?prompt("Please?input?the?website?address:","https://qq.com");
????????????window.open(link,'_blank','width=500,height=600');
????????}
????????else?{
????????????alert("helloworld");
????????}
????}

我想實(shí)現(xiàn)點(diǎn)擊確認(rèn)打開(kāi)新窗口，點(diǎn)擊取消彈alert，但是好像不行。

另外我想嘗試：

1、點(diǎn)擊按鈕先彈prompt窗口；點(diǎn)擊確認(rèn)再?gòu)棾鯿onfirm窗口；點(diǎn)擊取消彈alert

2、彈出confirm窗口，點(diǎn)擊確認(rèn)打開(kāi)新網(wǎng)頁(yè)窗口，點(diǎn)擊取消彈alert

試了很多個(gè)方式，但是都會(huì)提示else錯(cuò)誤等等，無(wú)法正常實(shí)現(xiàn)我需要的功能。比如如下代碼：

function?openWindow(){
????????var?link?=?prompt("Please?input?the?website?address:","https://qq.com");
????????if?(prompt?==?true){
????????????var?clickConfirm?=?confirm("是否打開(kāi)網(wǎng)址輸入框？");
????????????if?(clickConfirm?==?true){
????????????????window.open(link,'_blank','width=500,height=600');
????????????}
????????????else?{
????????????????alert("helloworld");
????????????}
????????}
????????else?{
????????????alert("helloworld");
????????}
????}

請(qǐng)大家指點(diǎn)一下，謝謝

Summving

2020-10-18

源自：JavaScript入門(mén)篇 2-7

關(guān)注問(wèn)題我要回答

1151

操作

收起

3 回答

慧淺回答被采納 +2 積分
2020-10-20

你第一個(gè)代碼段沒(méi)有問(wèn)題，可以按照預(yù)期運(yùn)行；：如果你把if?(clickConfirm == true)誤打成if?(clickConfirm = true)就會(huì)出現(xiàn)你描述的問(wèn)題，這段代碼和你測(cè)試時(shí)的代碼是否不同？你第二個(gè)代碼段錯(cuò)在對(duì)prompt方法返回值的理解。下面的代碼是對(duì)你的描述的一種實(shí)現(xiàn)：

<!DOCTYPE?html>
<html>
?<head>
??<title>?new?document?</title>??
??<meta?http-equiv="Content-Type"?content="text/html;?charset=gbk"/>???
??<script?type="text/javascript">??
????function?openWindow(){
????
????//?通過(guò)prompt方法，輸入要打開(kāi)的網(wǎng)址，默認(rèn)為?http：//idcbgp.cn/
????????var?link?=?prompt("請(qǐng)輸入網(wǎng)址：",?"http://idcbgp.cn");
????????//prompt方法點(diǎn)擊取消返回null
????????if(link?==?null){
????????????alert("prompt方法點(diǎn)擊取消");
????????}
????????//prompt方法點(diǎn)擊確認(rèn)返回字符串，（包括空字符串""）
????????else{
????????????//彈出確認(rèn)框，確認(rèn)是否打開(kāi)網(wǎng)址
????????????var?confirmMessage?=?confirm("確認(rèn)打開(kāi)網(wǎng)址?")
????????????//confirm方法點(diǎn)擊確認(rèn)返回布爾值true，點(diǎn)擊取消返回布爾值false
????????????if(confirmMessage){
????????????????//打開(kāi)的窗口要求，寬400像素，高500像素，無(wú)菜單欄、無(wú)工具欄。
????????????????window.open(link,?"_blank",?"width=500,?height=600");
????????????}
????????????else{
????????????????alert("confirm方法點(diǎn)擊取消");
????????????}
????????}
????}
??</script>?
?</head>?
?<body>?
??????<input?type="button"?value="新窗口打開(kāi)網(wǎng)站"?onclick="openWindow()"?/>?
?</body>
</html>

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

Summving 提問(wèn)者

謝謝解答，根據(jù)你的解答后重寫(xiě)了第一段后可以正常工作了。

2020-10-20 回復(fù) 有任何疑惑可以回復(fù)我~

Summving 提問(wèn)者
2020-10-20

重寫(xiě)了第一段代碼：

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>alert</title>
??<script?type="text/javascript">
??function?rec(){
????var?confirmMessage?=?confirm("do?you?want?to?open?the?address?dialog?");
????if?(confirmMessage){
????????var?link?=?prompt("please?input?the?link:","http://idcbgp.cn");
????????if?(link?==?null){
????????????alert("You?are?cancel?the?prompt?dialog!");
????????}
????????else?{
????????????window.open(link,"_blank","width=500,height=600");
????????}
????}
????else?{
????????alert("You?are?cancel?the?confirm?dialog!");
????}
??}
??</script>
</head>
<body>
????<input?name="button"?type="button"?onClick="rec()"?value="點(diǎn)擊我，彈出對(duì)話框"?/>
</body>
</html>

根據(jù)樓上熱心朋友的解答，寫(xiě)了第二段：

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>alert</title>
??<script?type="text/javascript">
??function?rec(){
????var?inputLink?=?prompt("please?input?your?link:","http://idcbgp.cn");
????if?(inputLink?!==?null){
????????var?confirmMessage?=?confirm("Do?you?confirm?to?open?this?link?");
????????if(confirmMessage){
????????????window.open(inputLink,"_blank","width=500,?height=500");
????????}
????????else?{
????????????alert("You?are?cancel?to?open?this?link!");
????????}
????}
????else?{
????????alert("You?are?cancel?to?open?the?link?directly!")
????}
??}
??</script>
</head>
<body>
????<input?name="button"?type="button"?onClick="rec()"?value="點(diǎn)擊我，彈出對(duì)話框"?/>
</body>
</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答