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的弹出框的设置宽度

回答

相关问题