javascript:剪切板的使用(clipboardData.setData)和js中match函数
2011-04-11 13:20
771 查看
经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中。其实这个功能实现起来也不难,核心就是用到了window
子对象clipboardData
的一个方法:setData()
语法:
clipboardData.setData(sDataFormat, sData)
参数:sDataFormat:要复制的内容的格式;sData:要复制的内容。
返回值:复制成功返回true;失败返回false。
js中match函数方法是使用正则表达式模式对字符串执行查找,并将包含查找的结果作为数组返回。使用方法:
stringObj.match(rgExp)
其中stringObj是必选项。对其进行查找的 String 对象或字符串文字。
rgExp是必选项。为包含正则表达式模式和可用标志的正则表达式对象。也可以是包含正则表达式模式和可用标志的变量名或字符串文字。
如果js中match函数方法没有找到匹配,返回 null。如果找到匹配返回一个数组并且更新全局 RegExp
对象的属性以反映匹配结果。JavaScript中match函数方法返回的数组有三个属性:input、index和lastIndex。Input
属性包含整个的被查找字符串。Index 属性包含了在整个被查找字符串中匹配的子字符串的位置。LastIndex
属性包含了最后一次匹配中最后一个字符的下一个位置。如果没有设置全局标志 (g),数组的0元素包含整个匹配,而第 1 到 n
元素包含了匹配中曾出现过的任一个子匹配。这相当于没有设置全局标志的 exec 方法。如果设置了全局标志,元素0到n中包含所有匹配。
下面的示例演示了js中match函数方法的用法:
代码
function
MatchDemo(){
var
r, re;
//
声明变量。
var
s
=
"
The rain in Spain falls mainly in the plain
"
;
re
=
/
ain
/
i;
//
创建正则表达式模式。
r
=
s.match(re);
//
尝试匹配搜索字符串。
return
(r);
//
返回第一次出现 "ain" 的地方。
}
本示例说明带 g 标志设置的js中match函数方法的用法
代码
function
MatchDemo(){
var
r, re;
//
声明变量。
var
s
=
"
The rain in Spain falls mainly in the plain
"
;
re
=
/
ain
/
ig;
//
创建正则表达式模式。
r
=
s.match(re);
//
尝试去匹配搜索字符串。
return
(r);
//
返回的数组包含了所有 "ain"
下面几行代码演示了字符串文字的js中match函数方法的用法。
var
r, re
=
"
Spain
"
;
r
=
"
The rain in Spain
"
.replace(re,
"
Canada
"
);
match()方法用于从字符串中查找指定的值,本方法类似于indexOf()和lastindexOf(),不同的是它返回的是指定的值,而不是指定
值在字符串中的位置。indexOf()和lastindexOf()方法返回位置数字 如果找不到返回-1。注意区分大小写
代码
<
script type
=
"
text/javascript
"
>
var
str
=
"
Hello world!
"
document.write(str.match(
"
world
"
)
+
""
)
document.write(str.match(
"
World
"
)
+
""
)
document.write(str.match(
"
worlld
"
)
+
""
)
document.write(str.match(
"
world!
"
))
<
/
script>
子对象clipboardData
的一个方法:setData()
语法:
clipboardData.setData(sDataFormat, sData)
参数:sDataFormat:要复制的内容的格式;sData:要复制的内容。
返回值:复制成功返回true;失败返回false。
其用途是复制textArea的内容到clipboard 示例如下,保存成html用IE打开即可查看效果 <html> <head> <title>复制textArea的内容到clipboard</title> <mce:script Language="JavaScript"><!-- function setCB() { txt = document.xForm.result.value; window.clipboardData.setData("text",txt); } // --></mce:script> </head> <body> 复制textArea的内容到clipboard<br> <form name="xForm"> <textarea cols="40" rows="20" name="result">输入文字后点下面的【复制】按钮
js中match函数方法是使用正则表达式模式对字符串执行查找,并将包含查找的结果作为数组返回。使用方法:
stringObj.match(rgExp)
其中stringObj是必选项。对其进行查找的 String 对象或字符串文字。
rgExp是必选项。为包含正则表达式模式和可用标志的正则表达式对象。也可以是包含正则表达式模式和可用标志的变量名或字符串文字。
如果js中match函数方法没有找到匹配,返回 null。如果找到匹配返回一个数组并且更新全局 RegExp
对象的属性以反映匹配结果。JavaScript中match函数方法返回的数组有三个属性:input、index和lastIndex。Input
属性包含整个的被查找字符串。Index 属性包含了在整个被查找字符串中匹配的子字符串的位置。LastIndex
属性包含了最后一次匹配中最后一个字符的下一个位置。如果没有设置全局标志 (g),数组的0元素包含整个匹配,而第 1 到 n
元素包含了匹配中曾出现过的任一个子匹配。这相当于没有设置全局标志的 exec 方法。如果设置了全局标志,元素0到n中包含所有匹配。
下面的示例演示了js中match函数方法的用法:
代码
function
MatchDemo(){
var
r, re;
//
声明变量。
var
s
=
"
The rain in Spain falls mainly in the plain
"
;
re
=
/
ain
/
i;
//
创建正则表达式模式。
r
=
s.match(re);
//
尝试匹配搜索字符串。
return
(r);
//
返回第一次出现 "ain" 的地方。
}
本示例说明带 g 标志设置的js中match函数方法的用法
代码
function
MatchDemo(){
var
r, re;
//
声明变量。
var
s
=
"
The rain in Spain falls mainly in the plain
"
;
re
=
/
ain
/
ig;
//
创建正则表达式模式。
r
=
s.match(re);
//
尝试去匹配搜索字符串。
return
(r);
//
返回的数组包含了所有 "ain"
下面几行代码演示了字符串文字的js中match函数方法的用法。
var
r, re
=
"
Spain
"
;
r
=
"
The rain in Spain
"
.replace(re,
"
Canada
"
);
match()方法用于从字符串中查找指定的值,本方法类似于indexOf()和lastindexOf(),不同的是它返回的是指定的值,而不是指定
值在字符串中的位置。indexOf()和lastindexOf()方法返回位置数字 如果找不到返回-1。注意区分大小写
代码
<
script type
=
"
text/javascript
"
>
var
str
=
"
Hello world!
"
document.write(str.match(
"
world
"
)
+
""
)
document.write(str.match(
"
World
"
)
+
""
)
document.write(str.match(
"
worlld
"
)
+
""
)
document.write(str.match(
"
world!
"
))
<
/
script>
相关文章推荐
- js 剪切板的用法(clipboardData.setData)与js match函数介绍
- js 剪切板的用法(clipboardData.setData)与js match函数介绍
- 使用clipboard.js复制页面内容到剪切板
- FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据
- clipboardData.setData与js常用复制到剪贴板脚本
- js设置剪贴板数据 event.clipboardData.setData("text/plain",value);不起作用,并非所有的浏览器都支持,限制了
- 使用clipboard.js复制页面内容到剪切板
- 火狐,chrome和IE都支持的复制剪切板功能window.clipboardData.setData
- javascript复制粘贴与clipboardData的使用
- 简单解决——使用Clipboard实现剪切板,用require引入js资源,会报错Clipboard is not defined的问题
- 如何将CString对象放到剪切板SetClipboardData
- 剪切板操作SetClipboardData GetClipboardData
- js 剪切板应用clipboardData详细解析
- javascript复制粘贴与clipboardData的使用
- 使用js加载图像和setDataXML()加载数据
- js 剪切板应用clipboardData详细解析
- js 剪切板应用clipboardData详细解析
- FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据
- js剪切板应用clipboardData实例解析
- FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据