利用JavaScript创建功能强大的GUI(2)

时间： 2021-07-31 作者：daque

咱们开始来创造一个具有三个按钮的大略东西条：一个粗体按钮，一个斜体按钮，一个贯穿按钮。该东西栏是向一个现有的文本域增添功效的好本领，它不妨让用户在无需领会html的情景下对输出的文本举行大略的遏制。任何让用户介入或举行反应的网站都不妨运用这一东西栏举行巩固。　　咱们的东西栏在功效上不妨分为底下4个局部：　　·封装选定文本附属类小部件html标志的javascript因变量　　·定制东西栏、按钮的表面和作风的款式表　　·相应鼠标事变的javascript因变量　　·包括东西栏代码、图像、表格元素的html 　　咱们开始来接洽一下二个处置向<textarea>插入html代码的因变量：　　运用javascript处置文本集 function format_sel(v) {var str = document.selection.createrange().text;document.my_form.my_textarea.focus();var sel = document.selection.createrange();sel.text = "<" + v + ">" + str + "<" + v + ">";return;}

　　format_sel()只接收一个参数，即表白效率于选定文本的html标志的字符串。在这个东西栏中，咱们用这个因变量来遏制<b>和<i>之间的文本。固然，即使承诺，咱们不妨运用<strong>和<em>替代<b>和<i>，大概运用这个因变量遏制一段选定的文本，大概在采用的标志中控制指定文本。　　咱们不妨运用selection东西的createrange()本领简单地创造暂时文本的textrange东西。经过考察其text属性，咱们不妨获得<textarea>当选定的文本。text属性将被赋给一个限制变量。鄙人一条龙中，咱们对<textarea>挪用了focus()，这一条龙代码特殊要害，要不，咱们对文本的变换大概会被写到网页的其余局部去。结果，咱们创造了指定文本的另一个援用，并赋给它一个新值：登基于符合的html标志中的从来的selection的地方。

利用JavaScript创建功能强大的GUI(2)

相关推荐

推荐下载

热门阅览

最新排行