×

JavaScript:alert里如何换行_alert 换行

前端技术网 前端技术网 发表于2024-01-25 06:21:44 浏览2911 评论0

抢沙发发表评论

一、javascript中alert中文字怎么换行

alert不行的,要变通的话还是用showmodaldialog试试吧.<br><br>window.showmodaldialog()方法用来创建一个显示html内容的模态对话框,由于是对话框,因此它并没有一般用window.open()打开的窗口的所有属性。<br>window.showmodelessdialog()方法用来创建一个显示html内容的非模态对话框。<br><br>当我们用showmodelessdialog()打开窗口时,不必用window.close()去关闭它,当以非模态方式〔ie5〕打开时,打开对话框的窗口仍可以进行其他的操作,即对话框不总是最上面的焦点,当打开它的窗口url改变时,它自动关闭。而模态〔ie4〕方式的对话框始终有焦点(焦点不可移走,直到它关闭)。模态对话框和打开它的窗口相联系,因此我们打开另外的窗口时,他们的链接关系依然保存,并且隐藏在活动窗口的下面。<br><br>使用方法如下:<br>vreturnvalue= window.showmodaldialog(surl [, varguments] [, sfeatures])<br>vreturnvalue= window.showmodelessdialog(surl [, varguments] [, sfeatures])<br>参数说明:<br>surl<br>必选参数,类型:字符串。用来指定对话框要显示的文档的url。<br>varguments<br>可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogarguments来取得传递进来的参数。<br>sfeatures<br>可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。<br> dialogheight对话框高度,不小于100px,ie4中dialogheight和 dialogwidth默认的单位是em,而ie5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。<br> dialogwidth:对话框宽度。<br> dialogleft:距离桌面左的距离。<br> dialogtop:离桌面上的距离。<br> center:{yes| no| 1| 0}:窗口是否居中,默认yes,但仍可以指定高度和宽度。<br> help:{yes| no| 1| 0}:是否显示帮助按钮,默认yes。<br> resizable:{yes| no| 1| 0}〔ie5+〕:是否可被改变大小。默认no。<br> status:{yes| no| 1| 0}〔ie5+〕:是否显示状态栏。默认为yes[ modeless]或no[modal]。<br> scroll:{ yes| no| 1| 0| on| off}:指明对话框是否显示滚动条。默认为yes。<br><br>还有几个属性是用在hta中的,在一般的网页中一般不使用。<br> dialoghide:{ yes| no| 1| 0| on| off}:在打印或者打印预览时对话框是否隐藏。默认为no。<br> edge:{ sunken| raised}:指明对话框的边框样式。默认为raised。<br> unadorned:{ yes| no| 1| 0| on| off}:默认为no。

二、swiper中的slider里面的元素怎么换行

以前,我使用过jQTouch和SenchaTouch。它们各有优缺点,但是我更喜欢把注意力放在jQueryMobile开发上。现在,我将会为您讲述如何创建一个简单的应用程序,这个应用程序只有几个页面,可以支持Twitter,带有GoogleMaps功能,以及一些基本的元素。让我们开始吧!首先,我们添加框架和样式。现在,让我们来创建页面。这里我们应该注意一下jQueryMobile和jQTouch的相似性——整个应用程序就是一个html页面,在这个html页面中,特殊标记的div就是这个应用程序的“页面”。在它的基础表单中,这样的“应用程序页面”如下所示:“data-role”参数用来设置div的功能:页面,表头,页面的内容或页脚。另外,必须为data-role="page"的div设置“id”参数才能对这个应用程序进行导航。另外一个值得一提的参数是“data-theme”。这个参数可以应用到所有的页面元素上,它可以决定使用哪个默认的样式。在这篇文档中,你可以找到一些可用的主题的例子(请点击查阅)。在我们的应用程序的主页上应该有一个菜单,菜单项分别指向使用这些例子的页面。要创建这样一个菜单,我们需要添加一个ul列表。如下所示:TwitterexampleMapexampleSearchexampleAboutul标签的参数:◆data-role="listview"—表示这是一个你想要应用样式的列表。◆data-inset="true"—非全屏显示一个列表,如果你的目的刚好相反,可以把它设置成“false”。◆data-theme="a"-使用哪个配色方案。jQueryMobile包含很多列表类型:简单的,带图标的,带图像数据的,等等。在这篇文档中,你可以找到一些例子(请点击查阅)。此外,我还想把一个设置按钮添加到工具栏上。这是很容易做到的:Options就像你看到的一样,这个按钮可以把你导航到个性化的页面,在“gear”样式(data-icon="gear")中,它的外观是一个图标,它位于工具栏的右边。在这个框架中,有一套预置的图标。在这篇文档中,你可以看到一些例子(请点击查阅)。最后,主页如下所示:HomepageOptionsTwitterexampleMapexampleSearchexampleAbout现在,让我们来创建其他的页面。我们将会把注意力集中在设置页面上。这里我们将会放置一些表单元素。在这篇文档中,你可以找到可用的表单元素的完整列表(请点击查阅)。根据指南,你应该把所有元素都放到一个特定的div中:让我们按照这条建议来行事。现在,我们把下面这些元素放在表单上。input域:Myname:文本域:Aboutmyself:滑块,设置它的最大值,最小值和当前值:Valuethissite:选项:Valuethissite:LikeDislike选择器:TiredHappySickSunny现在,我们来创建一个搜索页面。它主要由两个元素构成:input域和searchresult列表。Search现在,我们需要使用javaScript,把input域绑定到keyup函数上,来填充searchresult列表。$("#search").keyup(function(){varres=shuffle(monthes);varlist='';$.each(res,function(index,value){list+=''+value+'';});$("#searchresult").html(list);});关于这段代码,有几点需要说明一下。在第一行中,我们对现有的数组进行了“shuffle”。Shuffle函数如下所示:varshuffle=function(o){//v1.0for(varj,x,i=o.length;i;j=parseInt(Math.random()*i),x=o[--i],o[i]=o[j],o[j]=x);returno;};然后,我们创建了一个列表。我们应该用这种方式来创建它,因为列表项是动态地添加到这个列表中的,为了挂载样式和参数,一个框架不会再处理它们了。然后,我们使用anywhere函数,创建一个支持Twitter的页面。首先,我们应该连接那些库:为了得到相应的Key,你必须在这个页面中注册一下(请点击查阅)。然后,我们创建这个页面的代码:Simpletwitterexample现在是最主要的东西了——javaScript代码,当我们打开这个页面的时候,这些代码将会执行。要追踪这个事件,可以使用一个专门的事件——pageshow。关于其他的事件,具体可以参考(请点击查阅)。$('#twitter_page').live('pageshow',function(event,ui){twttr.anywhere(function(T){T.User.find('andrebrov').timeline().first(20).each(function(status){$('div#twi_list').append(''+status.user.name+':'+status.text+'');});});});关于anywhere函数的使用方法,具体可以参考(请点击查阅)。当我们打开我们刚刚创建好的这个页面的时候,我们会发现,有一段时间,它一直是空白的,这是因为tweets正在载入。为了让用户知道这是怎么回事,我们将会添加一个spinner。代码如下所示:$('#twitter_page').live('pageshow',function(event,ui){twttr.anywhere(function(T){$.mobile.pageLoading();varj=0;T.User.find('andrebrov').timeline().first(20).each(function(status){$('div#twi_list').append(''+status.user.name+':'+status.text+'');j++;if(j==1){$.mobile.pageLoading(true);}});});});在这篇文档中,你可以找到关于spinner,及其实用程序的详细信息(请点击查阅)。现在,我们来创建地图页面。首先,选择合适的脚本然后,我们创建这个页面Mapexample“map_canvas”元素将会包含这个地图。让我们来定义它的样式:#map_canvas{width:100%;height:100%;position:relative;top:0px;}现在,我们添加一段JavaScript代码,这段代码可以确定当前的位置,把这个位置显示在地图的中央,然后给这个位置添加一个标记。此外,在这个标记上,我们还可以某个把某个事件绑定在它的点击操作上。$('#map_page').live('pageshow',function(event,ui){navigator.geolocation.getCurrentPosition(function(location){varpoint=newgoogle.maps.LatLng(location.coords.latitude,location.coords.longitude);varmyOptions={zoom:13,center:point,mapTypeId:google.maps.MapTypeId.ROADMAP};varmap=newgoogle.maps.Map(document.getElementById("map_canvas"),myOptions);varmarker=newgoogle.maps.Marker({position:point,map:map});google.maps.event.addListener(marker,'click',function(){alert("Currentcoodinatesare:latitude"+location.coords.latitude+",longitude"+location.coords.longitude);});});});最后,对于我来说,这个页面中最有趣的元素是:完整的list-divider:打开一个邮件客户端的链接:EMailme指向电话号码的链接:Callme

JavaScript:alert里如何换行_alert 换行

三、javascript的alert怎样用实现换行

一、一种比较复杂的方法,但这种方法使用起来对所有型号的浏览器都能任意分辨:

//浏览器类型判定

function getOs()

{

if(navigator.userAgent.indexOf("MSIE")>0){

return"IE";//InternetExplor

JavaScript:alert里如何换行_alert 换行

}

else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){

return"FF";//firefox

}

else if(isSafari=navigator.userAgent.indexOf("Safari")>0){

return"SF";//Safari

}

else if(isCamino=navigator.userAgent.indexOf("Camino")>0){

return"C";//Camino

}

else if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){

return"G";//Gecko

}

else if(isMozilla=navigator.userAgent.indexOf("Opera")>=0){

return"O";//opera

}else{

return'Other';

}

}

function alert_br(){

var os=getOs();

if(os=='FF'|| os=='SF'){//FireFox、谷歌浏览器用这个

alert('第一行\n第二行');

}else{//IE系列用这个

alert('第一行\r\n第二行);

}

}

alert_br();

二:第二种相对简单,但只能简单地区分IE与其它浏览器:

function alert_br(){

if(!document.all)//FF/{谷歌浏览器用这个

alert('第一行\n第二行');

}else{//IE系列用这个

alert('第一行\r\n第二行);

}

}

alert_br();

如果你还想了解更多这方面的信息,记得收藏关注本站。