js运用
日期：2014-05-16 浏览次数：20326 次
js应用
|
1.2D-Position 允许通过拖曳移动绝对定位的对象 命令document.execCommand("2D-Position",false,true)能打开文档的2D定位，当容器的 contentEditable标记为true时，可以拖动容器内的控件、改变控件大小、编辑控件文本内容。第3个参数设置为true时可以拖动元素，否 则不能。 要注意：2D定位只对样式设置为Position:absolute的元素有效 示例: script> document.execCommand("2D-Position",false,true); script> div contentEditable=true> p style="background-color:silver;position:absolute">可移动段落p> input type="button" value="可移动按钮" style="position:absolute"> div> 2.BackColor 设置或获取当前选中区的背景颜色 示例: script> function bgcolor() { ? ? var rng = document.selection.createRange(); ? ? rng.execCommand('BackColor','false','silver'); } script> 亮少有逸群之才，英霸之器，身长八尺，容貌甚伟，时人异焉。br> input type="button" value="选中部分文本后点击" onClick="bgcolor()"> 3.Bold 切换当前选中区的粗体 这个方法执行后可以将指定文本设置为Bold，如果在已经设置为Bold上再次执行该命令，则可以取消Bold状态 示例: script> function setBold() { ? ? var rng = document.selection.createRange(); ? ? rng.execCommand('Bold'); } script> 自董卓造逆以来，天下豪杰并起。曹操势不及袁绍，而竟能克绍者，非惟天时，抑亦人谋也br> input type="button" value="选中部分文本后点击" onClick="setBold()"> 4.Copy 将当前选中区复制到剪贴板 示例: script> function copyText() { ? ? var rng = document.selection.createRange(); ? ? rng.execCommand('Copy'); ? ? alert("当前拷贝的文本是:"+rng.text); } script> 今操已拥百万之众，挟天子以令诸侯，此诚不可与争锋。孙权据有江东，已历三世，国险而民附，此可用为援而不可图也br> input type="button" value="拷贝" onClick="copyText()"> 5.CreateLink 在当前选中区上插入超级链接，并显示一个对话框让用户 输入URL 示例: script> function setLink() { ? ? var rng = document.selection.createRange(); ? ? if(rng.text!="") ? ? { ? ?? ???rng.execCommand('CreateLink'); ? ?? ???if(confirm('在新窗口打开链接吗?')) ? ?? ???{? ? ? ?? ?? ?? ?rng.parentElement().outerHTML = rng.parentElement().outerHTML.replace("",""); ? ?? ?? ?? ?//这里要注意一定要使用赋值的方式，否则直接调用replace()函数，并不能改变原有值。它们是不同的副本 ? ?? ???} ? ? }? ? ? ? } script> 荆州北据汉、沔，利尽南海，东连吴会，西通巴、蜀，此用武之地，非其主不能守；是殆天所以资将军，将军岂有意乎？益州险塞，沃野千里，天府之国，高祖因之 以成帝业；今刘璋暗弱，民殷国富，而不知存恤，智能之士，思得明君。? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ? input type="button" value="创建链接" onClick="setLink();"> 6.Cut 在当前选中区上执行"剪切" 示例: script> function cutText() { ? ? var rng = document.selection.createRange(); ? ? rng.execCommand('Cut'); } script> 将军既帝室之胄，信义著于四海，总揽英雄，思贤如渴，若跨有荆、益，保其岩阻，西和诸戎，南抚彝、越，外结孙权 ，内修政理；待天下有变，则命一上将将荆州之兵以向宛、洛，将军身率益州之众以出秦川，百姓有不箪食壶浆以迎将 军者乎？ input type="button" value="剪切" onClick="cutText()">br> input> 7.Delete 删除当前选中区 示例: script> function delText() { ? ? var rng = document.selection.createRange(); ? ? rng.execCommand('Delete'); } script> 诚如是，则大业可成，汉室可兴矣。此亮所以为将军谋者也。惟将军图之 input type="button" onClick="delText()" value="删除所选文本"> 8.FontName 设置或获取当前选中区的字体 示例: script> function getFontName() { ? ? var rng = document.selection.createRange(); ? ? rng.execCommand('FontName',true,'幼圆'); ? ? var temp = rng.queryCommandValue('FontName'); ? ? alert("你设置的字体是:"+temp); } script> 言罢，命童子取出画一轴，挂于中堂，指谓玄德曰：“此西川五十四州之图也。将军欲成霸业，北让曹操占天时，南让孙权占地利，将军可占人和。 input type="button" onClick="getFontName()" value="设置字体为幼圆"> 9.FontSize 设置或获取当前选中区的字体大小 这个命令接受的参数是1-7号字，超过7的参数也将被转换成7号字来处理 示例: script> function setFontSize() { ? ? var rng = document.selection.createRange(); ? ? rng.execCommand('FontSize',true,'11'); ? ? var temp = rng.queryCommandValue('FontSize'); ? ? alert("字体大小是:"+temp); } script> 言罢，命童子取出画一轴，挂于中堂，指谓玄德曰：“此西川五十四州之图也。将军欲成霸业，北让曹操占天时，南让孙权占地利，将军可占人和。 input type="button" onClick="setFontSize()" value="设置字体大小"> 10.ForeColor 设置或获取选中区的前景(文本)颜色 其实也可以通过queryCommandValue
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
|
