js 剪切板的用法(clipboardData.setData)与js match函数介绍


Posted in Javascript onNovember 19, 2013

经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中。其实这个功能实现起来也不难,核心就是用到了window子对象clipboardData的一个方法:setData()
语法:
    clipboardData.setData(sDataFormat, sData)

参数:sDataFormat:要复制的内容的格式;sData:要复制的内容。

返回值:复制成功返回true;失败返回false。

<script language="JavaScript">
function jianqie(id)
{var id;
var text=document.all(id).innerText
if (clipboardData.setData("text",text))
{alert("复制成功!")}
else
{alert("复制失败!")}
}
</script>

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>
Javascript 相关文章推荐
利用javascript查看html源文件
Nov 08 Javascript
控制文字内容的显示与隐藏示例
Jun 11 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
Feb 11 Javascript
浅谈ES6 模板字符串的具体使用方法
Nov 07 Javascript
解决node修改后需频繁手动重启的问题
May 13 Javascript
浅谈AngularJS中$http服务的简单用法
May 15 Javascript
element-ui 限制日期选择的方法(datepicker)
May 16 Javascript
浅谈Vue.use的使用
Aug 29 Javascript
JS实现简单的点赞与踩功能示例
Dec 05 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
Aug 05 Javascript
JS实现密码框效果
Sep 10 Javascript
可拖拽组件slider.js使用方法详解
Dec 04 Javascript
JavaScript中instanceof运算符的用法总结
Nov 19 #Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
Nov 19 #Javascript
Query中click(),bind(),live(),delegate()的区别
Nov 19 #Javascript
Js 去掉字符串中的空格(实现代码)
Nov 19 #Javascript
JS正则验证邮箱的格式详细介绍
Nov 19 #Javascript
js判读浏览器是否支持html5的canvas的代码
Nov 18 #Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 #Javascript
You might like
Home Coffee Roasting
2021/03/03 咖啡文化
php5.5中类级别的常量使用介绍
2013/10/02 PHP
PHP中使用glob函数实现一句话删除某个目录下的所有文件
2014/07/22 PHP
PHP中常用的字符串格式化函数总结
2014/11/19 PHP
js关于精确计算和数值格式化以及直接引js文件
2014/01/28 Javascript
javascript异步编程的4种方法
2014/02/19 Javascript
最短的IE判断var ie=!-[1,]分析
2014/05/28 Javascript
使用AngularJS 应用访问 Android 手机的图片库
2015/03/24 Javascript
JavaScript实现MIPS乘法模拟的方法
2015/04/17 Javascript
深入探讨前端框架react
2015/12/09 Javascript
理解javascript函数式编程中的闭包(closure)
2016/03/08 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
2016/05/19 Javascript
bootstrapValidator表单验证插件学习
2016/12/30 Javascript
详解AngularJS2 Http服务
2017/06/26 Javascript
详解angularJS自定义指令间的相互交互
2017/07/05 Javascript
node.js文件上传重命名以及移动位置的示例代码
2018/01/19 Javascript
js实现动态改变radio状态的方法
2018/02/28 Javascript
vue-infinite-loading2.0 中文文档详解
2018/04/08 Javascript
vue input输入框关键字筛选检索列表数据展示
2020/10/26 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
python读写文件操作示例程序
2013/12/02 Python
提升Python程序运行效率的6个方法
2015/03/31 Python
Python定时执行之Timer用法示例
2015/05/27 Python
Django中ajax发送post请求 报403错误CSRF验证失败解决方案
2019/08/13 Python
python调用HEG工具批量处理MODIS数据的方法及注意事项
2020/02/18 Python
python GUI库图形界面开发之PyQt5简单绘图板实例与代码分析
2020/03/08 Python
python删除某个目录文件夹的方法
2020/05/26 Python
关于PyCharm安装后修改路径名称使其可重新打开的问题
2020/10/20 Python
Python绘制词云图之可视化神器pyecharts的方法
2021/02/23 Python
详解CSS3弹性伸缩盒
2020/09/21 HTML / CSS
美国网上订购鲜花:FTD
2016/09/23 全球购物
远程学习的教学用品和家庭学习资源:Really Good Stuff
2020/04/27 全球购物
2014三八妇女节活动总结范文四篇
2014/03/09 职场文书
节能标语大全
2014/06/21 职场文书
入党介绍人意见怎么写
2015/06/03 职场文书
golang特有程序结构入门教程
2021/06/02 Python