- 浏览: 74238 次
- 性别:
- 来自: 河北
最新评论
-
alovn:
firefox不能使用
js时间控件(年月日时分秒) -
woozyangel:
火狐下悲剧了
js时间控件(年月日时分秒) -
tiaccp:
看不太懂啊
生成7位随机数字的js -
heiwoshimaoya:
这个控件不知道应该用到什么地方! 感觉没什么实用性!请指教!
...
js时间控件(年月日时分秒) -
davidyao:
测试成功,谢谢
js时间控件(年月日时分秒)
1 指定某文本部分进行操作(添加,删除,替换)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
function meizz(str)
{
document.selection.createRange().select(); //javascript指定某文本部分进行操作(添加,删除,替换)
var t = document.selection.createRange();
t.text = str;
}
</SCRIPT>
<BODY>
<textarea name=mm onclick="meizz('梅花雪')">asdfghjkl</textarea><br>
</BODY>
</HTML>
2 光标处插入文字
<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>更简单的在光标处插入文字 - 千一网络</title>
</head>
<body>
<form method="get">
<div><textarea id="content" cols="50" rows="5">先在本文框中点鼠标以确定光标位置。千一网络 www.cftea.com</textarea></div>
<div><input type="button" value="插入文字“A”" onclick="javascript:Insert('A');" /></div>
<div><input type="button" value="插入文字“B”" onclick="javascript:Insert('B');" /></div>
</form>
<script type="text/javascript" language="javascript">
<!--
//千一网络 www.cftea.com
function Insert(str)
{
document.getElementById("content").focus();
var r = document.selection.createRange();
document.selection.empty();
r.text = str;
}
-->
</script>
</body>
</html>
3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>edit</title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<meta name="keywords" content="XH.WebV7.0.0-Blog">
<meta http-equiv="pragma" content="no-cache">
<script type="text/javascript">
function setCaret(textObj){
if(textObj.createTextRange)
{
textObj.caretPos=document.selection.createRange().duplicate();
}
}
function insertAtCaret(textObj,textFeildValue){
if(document.all)
{
if(textObj.createTextRange&&textObj.caretPos)
{
var caretPos=textObj.caretPos;
caretPos.text=caretPos.text.charAt(caretPos.text.length-1)==''?textFeildValue+'':textFeildValue;
}else
{
textObj.value=textFeildValue;
}
}else
{
if(textObj.setSelectionRange)
{
var rangeStart=textObj.selectionStart;
var rangeEnd=textObj.selectionEnd;
var tempStr1=textObj.value.substring(0,rangeStart);
var tempStr2=textObj.value.substring(rangeEnd);
textObj.value=tempStr1+textFeildValue+tempStr2;
}else
{
alert("This version of Mozilla based browser does not support setSelectionRange");}
}
}
</script>
</head>
<body>
<form id="form1" action="" onsubmit="" method="post" enctype="text/plain">
<p>
<textarea name="tarea" rows="" cols="" style="width:300px;height:120px;" onselect="setCaret(this);" onclick="setCaret(this);" onkeyup="setCaret(this);">
Dnew.cn Dnew.cn
</textarea>
<br/><br/>
<input type="text" name="textfield" style="width:220px;" value="插入FireFox"/>
<br/>
<input type="button" value="插入" onclick="insertAtCaret(this.form.tarea,this.form.textfield.value);"/>
</p>
</form>
</body>
</html>
4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>document.selection 的 createRange</title>
</head>
<body>
<div>请选中这里的部分文字。</div>
<div><input type="button" value="加粗" onclick="javascript:Bold();" /></div>
<script type="text/javascript" language="javascript">
function Bold()
{ var r = document.selection.createRange(); r.execCommand("Bold");}</script>
</body>
</html>
以上4个例子可以直接看到效果。
发表评论
-
url编码与转码
2010-09-20 14:27 1397url编码与转码 因为有些符号在URL中是不能直接传递的 ... -
转 automation服务器不能创建对象的问题的解决方案总结大全
2010-06-10 17:32 2314我工作中的应用系统都是jsp的,大量javascript程序, ... -
js时间控件(年月日时分秒)
2009-09-01 10:03 10715这部分是时间控件的的js代码,NewTime.js ... -
生成7位随机数字的js
2009-08-25 18:19 1647<script>var str="qwe ... -
js 正则表达式验证邮箱事例
2009-08-25 18:17 1245if(email.value.length!=0) { ... -
js 很好的下拉菜单
2009-08-25 18:16 776<!DOCTYPE HTML PUBLIC " ... -
js 新闻切换技术,163、msn那种
2009-08-25 18:15 794<!DOCTYPE html PUBLIC " ... -
js 漂亮的仿flash菜单,来自蓝色经典
2009-08-25 18:13 945<style>/* 先把这个 xmenu 的样式放 ... -
js 一个非常不错的loading 效果.
2009-08-25 18:12 874<html><head><met ... -
js 超级强大的表单验证
2009-08-25 18:11 890<title>表单验证类 Validator v1 ... -
js 日历
2009-08-25 18:09 994<!DOCTYPE HTML PUBLIC " ... -
js 客户端静态页面玩分页
2009-08-25 18:08 964<!DOCTYPE HTML PUBLIC " ... -
js 经典的带阴影的可拖动的浮动层
2009-08-25 18:07 902<!DOCTYPE HTML PUBLIC " ... -
js div拖动层效果
2009-08-25 18:05 1399<html><head><tit ... -
js 类似与QQ的好友/黑名单之类的树型菜单
2009-08-25 18:04 680<!DOCTYPE HTML PUBLIC " ... -
js 省市县三级联动菜单
2009-08-25 18:01 3462<!DOCTYPE HTML PUBLIC " ... -
js 自动添加任意数量的表单内容
2009-08-25 17:58 915<html><script language ... -
js计算文本框里的字符个数
2009-08-25 17:53 2155<SCRIPT language=JavaScript& ... -
javascript倒计时
2009-08-10 15:11 1841第一种:精确到秒的javascript倒计时代码 ...
相关推荐
本文实例讲述了C#实现winform中RichTextBox在指定光标位置插入图片的方法。分享给大家供大家参考,具体如下: //获取RichTextBox控件中鼠标焦点的索引位置 int startPosition = this.richTextBox1.SelectionStart; ...
实例039 根据标点符号对字符串进行分行 50 实例040 判断用户输入的用户名是否正确 51 实例041 将字符串的每个字符进行颠倒输出 52 实例042 去掉字符串中的所有空格 54 实例043 从字符串中分离文件路径、文件名及 ...
在TextBox中获取光标的位置,并在光标位置插入字符,根据光标定位删除光标前的字符。顺便说一下,把字符串中的字母转换成大写的用.ToUpper(),转换成小写的用.ToLower();具体实例在我写的示例中,与大家分享一下。
主要介绍了jQuery实现在textarea指定位置插入字符或表情的方法,实例分析了jQuery操作表单元素的技巧,非常实用,具有一定参考借鉴价值,需要的朋友可以参考下
什么函数可以插入字符 如何在数据前添加“*”号 数字前面加上数字 【数据拆分与合并】 数字如何拆分 单元格中的数据拆分 单元格的拆分 如何拆分字组 用连字符“&”来合并文本怎样把不同格式不同位置的内容合并到一个...
实例073 根据标点符号对字符串进行分行 92 实例074 将字符串的每个字符进行倒序输出 94 实例075 获取字符串中汉字的个数 94 实例076 批量替换某一类字符串 95 实例077 把异常与错误信息显示到窗体中 97 实例078 从...
6.28 实例125:在列表控件中插入列 6.29 实例126:设置列表控件的显示方式 6.30 实例127:设置列表控件的背景图片 6.31 实例128:在列表控件中整行选中 6.32 实例129:在列表控件中显示网格线 6.33 实例130:在列表...
之前在工作中,需要实现Word打印功能,并且插入图片。当时采取的方式则是使用书签进行操作。首先在word内插入书签,完成后,存为模板。...此时,图片的插入就存在问题,光标无法直接移动到指定字符串。
实例038 设置窗体在屏幕中的位置 40 实例039 始终在最上面的窗体 41 实例040 从桌面右下角显示的窗体 41 1.12 设置窗体大小 43 实例041 获取桌面大小 43 实例042 在窗口间移动按钮 44 实例043 如何实现Office...