js template换行_js 实现自动换行
//aka makeDesignerHappy(dEl);
functionbreakWord(dEl){if(!dEl||dEl.nodeType!== 1){return false;
}else if(dEl.currentStyle&& typeofdEl.currentStyle.wordBreak=== 'string'){//Lazy Function Definition Pattern, Peter's Blog
//From http://peter.michaux.ca/article/3556
breakWord= function(dEl){//For Internet Explorer
dEl.runtimeStyle.wordBreak= 'break-all';return true;
}returnbreakWord(dEl);
}else if(document.createTreeWalker){//Faster Trim in Javascript, Flagrant Badassery
//http://blog.stevenlevithan.com/archives/faster-trim-javascript
vartrim= function(str) {
str=str.replace(/^\s\s*/,'');varws= /\s/,
i=str.length;while(ws.test(str.charAt(--i)));returnstr.slice(0, i+ 1);
}//Lazy Function Definition Pattern, Peter's Blog
//From http://peter.michaux.ca/article/3556
breakWord= function(dEl){//For Opera, Safari, and Firefox
vardWalker=document.createTreeWalker(dEl, NodeFilter.SHOW_TEXT,null,false);varnode,s,c=String.fromCharCode('8203');while(dWalker.nextNode())
{
node=dWalker.currentNode;//we need to trim String otherwise Firefox will display
//incorect text-indent with space characters
s=trim( node.nodeValue ) .split('').join(c);
node.nodeValue=s;
}return true;
}returnbreakWord(dEl);
}else{return false;
}
}
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
//Break All Words
void function(){varaEl=document.getElementsByTagName('p');vardEl,i;varsName= "break-word";varoReg= newRegExp('(\\s|^)' +sName+ '(\\s|$)');for(i=0;dEl=aEl[i];i++){if(dEl.className.match(oReg)){
breakWord(dEl);
}
}
}();
js template换行_js 实现自动换行相关推荐
- js template换行_JavaScript字符串换行符?
小编典典 我刚刚使用了一些愚蠢的JavaScript测试了一些浏览器: function log_newline(msg, test_value) { if (!test_value) { test_ ...
- js template换行_D3.js实现文本的换行详解
一.文字换行是什么问题? 现有一字符串: var str = "云中谁寄锦书来,雁字回时,月满西楼"; 李清照的一剪梅,读过吗? 在 body里添加一个 svg元素,大小如下: v ...
- js 字符串换行_JS代码编程中经常用到的超长字符串换行方法,你最喜欢哪一种?
编写js代码的时候,经常会用到超长字符串的拼接. 例如,把系统时间中的年.月.日.时.分.秒共6个数字动态拼接到一个tr行,不换行的话,将是一个超长的字符串,阅读.维护都不方便.这时就需要将这个字符串 ...
- js android 换行符,JavaScript字符串换行符?
小编典典 我刚刚使用了一些愚蠢的JavaScript测试了一些浏览器: function log_newline(msg, test_value) { if (!test_value) { test_ ...
- 如何利用js实现换行
如何利用js实现换行,下面web建站小编给大家简单介绍一下换行代码! 1.利用"<br>"换行符 复制代码document.write("第一行<br& ...
- DIV不换行与DIV换行 DIV默认自动换行
DIV不换行与DIV换行 DIV默认自动换行了解篇 DIV盒子默认是换行独占100%宽度: DIV盒子没有赋予CSS样式时,默认DIV盒子是独占一行(宽度为100%). 如下默认情况HTML代码: & ...
- php js输出换行,js怎么换行
js换行的方法:1.使用"\n"换行符实现换行:2.通过"\r"换行符实现换行:3.使用HTML的 标签实现换行,代码如"document.write ...
- 解决vscode格式化代码html属性换行问题; ctrl+s格式化去除分号,格式化自动单引号;解决js格式化换行问题;mac上的settings.json完整配置
右键格式化文档或者ctrl + s保存 html不换行 1.安装两个插件①vetur ②Prettier - Code formatter 2.在vetur的settings.json中设置 配置ct ...
- js 异步执行_JS Asynchronous — JS 异步编程极简史
Asynchronous JS 异步编程极简史,这个故事网上已经很多人有了自己的讲述. Event Loop 解释了 Node.js 为何以及如何实现单线程服务模型和 Event Loop.对于 JS ...
最新文章
- 新机器学习库TensorFlow Privacy问世:旨在保护敏感数据
- 运维自动化之 Cobbler 系统安装使用详解
- java tm 安装在哪里,安装以及配置Java环境
- cmd命令大全 DOS窗口命令
- mysql5.5 datetime默认值不能为NOW或者CURRENT_TIMESTAMP
- python:else与循环语句联合用法
- flink source 同步_为什么说 Flink + AI 值得期待?
- 【Breadth-first Search 】103. Binary Tree Zigzag Level Order Traversal
- 告诉你银行在年底为存储做的小动作
- Sublime Text 3 常用快捷键汇总
- 为托管应用程序添加DPI Aware支持
- 基于centos6.5 hbase 集群搭建
- nodejs生成动态网页
- Android秒级编译Freeline的使用(Android Studio)
- html中加载gif图片,使用CSS3实现动态加载gif图片的效果
- IM即时通讯源码系统安卓苹果IOS双端源码介绍
- 【项目源码】JavaWeb网上购书系统
- matlab直方图均衡化代码
- Web 2.0 创业神器为何天生敏捷?
- 学习笔记——FPGA芯片主要资源介绍