当我们在文本框里输入文字敲下回车后,希望在提交后网页也显示是换行的效果,这时我们需要把提交的内容做下处理 才可以达到效果。 1、定义js原生的替换函数。js里没有replaceAll的函数,需要我们自定义 代码如下:String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); } 2、使用js的replace进行处理 代码如下:str=str.replaceAll("\n", "<br/>") 这样就可以做到js回车换行的效果了!
代码如下:<div id=”main”> <div id=”left”> </div> <div id=”right”> php </div> </div> 如果DIV内没有内容则不换行 把上面的改为: 代码如下:<div id=”main”> <div id=”left”></div> <div id=”right”> php </div> </div> 如果用JS来写呢,应该如何来写呢? JS的正解代码如下: HTML code: 代码如下:<script type="text/javascript"> function getV(){ var str=document.getElementById("regtext").value; var re=/...
1、 在js文件里面的弹出窗口: 代码如下:<script type="text/javascript"> $(document).ready(function () { alert("Hello \r\n Javascript!"); alert("Hello \n Javascript!"); }); </script> 2、在.cs页面后台拼接的js弹出窗口 LiteralResult.Text = string.Format("<script>alert(添加成功!\\n 您已选择赠送{0}(积分:{1}分));location.href=http://www.hake.cc/kf/201111/VIPList.aspx</script>", strGift, jifen); 请用"...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <style type="text/css"> table {width:200px;table-layout:fixed;} td {white-space:nowrap;overflow:hidden;word-break:keep-all;} </style> <table border="1"> <tr> <td style="width:50px;">测试测试测试测试测试测试测试测试测试测试</td> <t...
无标题文档 1 11 上移 下移 2 22 上移 下移 3 33 上移 下移 4 44 上移 下移 5 55 上移 下移 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
网上众说纷纭,经过测试用 textarea的内容.replace(/\n/g, "<br/>") 解决问题,在IE6/7/8/9 Firefox/3.6.13 chrome10.0.648.82下测试通过,示例代码如下: 代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>YES!B/S!文章示例页面</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> funct...
代码如下:function toBreakWord(intLen, id){ var obj=document.getElementById(id); var strContent=obj.innerHTML; var strTemp=""; while(strContent.length>intLen){ strTemp+=strContent.substr(0,intLen)+"<br>"; strContent=strContent.substr(intLen,strContent.length); } strTemp+= strContent;obj.innerHTML=strTemp; } .br{word-break:break-all;word-warp:break-word;background-color:#eee;}
效果演示代码:firefox-break-word */ If there were less sympathy in the world, there would be less trouble in the world. ( O. Wilde ) function toBreakWord(intLen){ var obj=document.getElementById("ff"); var strContent=obj.innerHTML; var strTemp=""; while(strContent.length>intLen){ strTemp+=strContent.substr(0,intLen)+" "; strContent=strContent.substr(intLen,strContent.length); } strTemp+="...
碰到一个问题,就是在页面展示的时候,很多情况下需要对显示的文字做折行处理,例如文字超过TD的宽度,或者DIV的宽度等等。 在IE下有word-break等等,但是在FF下,却是行不通,所以研究了一下,写了一个JS脚本,原理是这样的: 1. 首先,我们在页面上找一个span元素,用它来装载字符,然后通过它的宽度,来得到字符的显示宽度 2. 然后,我们在显示一个字符串的时候,就可以利用前面得到的字符宽度,计算出每个字符串的宽度 3. 在此...
有的是使用“return false”解决了ie的插入<br>问题,但是firefox并没有解决。而且这个问题连fckeditor都没解决。呵呵,不知是否有意为之。 可能看了以上的描述还不太明白什么问题。我们做个实验,打开fckeditor切换到源码模式输入<div>test test test test test test</div>,再切换回设计模式,然后在这句的任意地方输入个回车,比如在第3个test后,你会发现源码内得到的是<div>test test test </div><div>test test test</div>,并...
ul { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px } #announcement { width:100%; background:url(img/menu_bg.gif) repeat; overflow: hidden; } #announcement div { border: #e6e6e6 1px solid; padding:0px 10px 0px 10px; overflow-y:hidden; line-height: 24px; height: 24px } #announcement li { font-size: 12px; float: left; list-style-type: none; margin-rig...
!innerHTML是返回对象的HTML代码,而textarea是一个文本输入框,要返回它的内容应该用value属性fsdfsd fsdfs dfsdf [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
很多朋友在制作网页过程中总是发现某些时候一些英文会把原来好好的表格撑开而导致变形,虽然可以使用style="table-layout:fixed;word-wrap:break-word;word-break:break-all" 来解决这个问题,但有些时候会导致内容显示不完整而被隐藏了起来,并没有做到自动换行的效果。 于是偶就想写一个这样的函数来修补这个缺陷,这个函数很简单,但这里只是提供一种思路来解决这个问题。 function fnAddBr(id, iPerLineLen){.....} id为要修改...
很多朋友在制作网页过程中总是发现某些时候一些英文会把原来好好的表格撑开而导致变形,虽然可以使用style="table-layout:fixed;word-wrap:break-word;word-break:break-all" 来解决这个问题,但有些时候会导致内容显示不完整而被隐藏了起来,并没有做到自动换行的效果。 于是偶就想写一个这样的函数来修补这个缺陷,这个函数很简单,但这里只是提供一种思路来解决这个问题。 function fnAddBr(id, iPerLineLen){.....} id为要修改...
1楼 textarea.value.replace(/\n/g, "<br>"); 2楼 s=textarea.value.replace(/\r\n/g, "<br>"); 3楼 按下的时候马上更换 V ID="a" contentEditable="true" style='border:1 solid black'> 其实以前早有很多人讨论过,代码比较多方法太可怕,自己用不到就没时间去研究,现在帮你试了一下,其实解决起来很简单了:) <p>关于微软HTML编辑控件单击回车会插入<p>而不是<br>的解决方案</DIV> <p>...