JavaScript的彈出框的設置寬度

可能重複：
How to break line in Javascript JavaScript的彈出框的設置寬度

我使用下面的JavaScript來顯示對一個客戶的網站頁面加載彈出消息。我是js的真正新手，只能真正複製/粘貼我在網上找到的示例。需要知道如何設置彈出框的寬度。我希望文本能夠在兩行之間運行，而不僅僅是跨頁面的寬度。下面是如果你想文本換到兩行，我建議在你的文本所需的位置添加\ n換行字符它如何出現www.manageourwebsite.com.au

<body onload="WelcomeMSG()"> 
    <script language="JavaScript"> 

<!-- 
function WelcomeMSG() 
{ 
alert("Our Retail shop front will be closed from Friday 21st December 2012 thru to Monday 21st January 2013. The Online store will be open 24/7 as usual with all online orders being processed as normal.") 

} 

--> 
    </script>

來源

2012-12-18 user1911463

使用div來做到這一點。 –

您可以手動插入換行符'\ n'：'alert（「我們的零售店前\ n將會關閉......」）;' –

如果您必須使用警報，那是一個好方法。但是你不能設計它，也不能使用文字。 div可以更有趣，並且具有確切的功能。 –

一個例子：

alert("Hello\nWorld")

來源

2012-12-18 00:38:02

感謝大家的意見。這\ n工作的一種享受，正是我所追求的。我曾嘗試
當然不工作 - 但正如我所說，我根本不瞭解JavaScript！ – user1911463

我會有點CSS的做（它的風格，以自己的喜好）和一行JavaScript

<style type="text/css"> 
    #holiday-overlay{ 
     position:fixed; 
     top:0; left:0; right:0; bottom:0; 
     background: rgba(255,255,255,0.7); 
     z-index:9999; 
    } 
    #holiday-message{ 
     width:400px; 
     padding:30px; 
     background-color: black; 
     left:50%; 
     top:40%; 
     margin-left:-200px; /*half of width*/ 
     border-radius:5px; 
     color:white; 
     position:relative; 
    } 
    #holiday-close{ 
     paddding:5px; 
     position:absolute; 
     right:10px; 
     top:10px; 
     cursor:pointer; 
     font-weight:bold; 
     color:white; 
    } 
</style> 
<div id="holiday-overlay"> 
    <div id="holiday-message"> 
     <a onclick="var el = document.getElementById('holiday-overlay'); el.parentNode.removeChild(el)" id="holiday-close">&times;</a> 
     Our Retail shop front will be closed from Friday 21st December 2012 thru to Monday 21st January 2013.<br/> 
     The Online store will be open 24/7 as usual with all online orders being processed as normal. 
    </div> 
</div>

的Demo

來源

2012-12-18 00:58:00

對於初學者來說，您無法真正編輯alert框的寬度。在這裏看到這個類似的問題：

how to change the style of alert box

當然，你可以做一些hackish的事情一樣\n但仍然不給你，你可以有定製。我強烈建議使用你自己風格的div製作自己的alertbox，並手動編寫javascript，以便像彈出警告一樣彈出。 請看下面的@Gaby aka G. Petrioli答案。他有一個很好的例子。你也可以嘗試使用一些API來爲你做。

jQuery dialog是許多人之一，但讓你感覺它是如何工作的（因爲它看起來你是新的）jQuery爲你做大部分工作 - 你真的必須做的是將他們的JavaScript文件src放入你的代碼，然後相應地調用它。您可以查看它們爲您提供的一些功能here。具體而言，我將你鏈接到minWidth部分，因爲我相信這是你正在尋找的東西。

如果您對如何使用jQuery有疑問或感到困惑，請隨時在此處發表評論。我們希望看到有人試圖在Stackoverflow上編寫代碼，所以不要害羞地問問題（只要確保在發佈之前詢問好的和研究的問題）。我們都是新手 - 我們成爲專家的方式是通過應用和實驗。

來源

2012-12-18 01:01:03 aug

JavaScript的彈出框的設置寬度

回答

相關問題