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 相关文章推荐
jQuery 核心函数以及jQuery对象
Mar 23 Javascript
jquery下为Event handler传递动态参数的代码
Jan 06 Javascript
jquery通过a标签删除table中的一行的代码
Dec 02 Javascript
javascript基于HTML5 canvas制作画箭头组件
Jun 25 Javascript
javascript模拟评分控件实现方法
May 13 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
Jun 15 Javascript
有关JavaScript中call()和apply() 的一些理解
May 20 Javascript
js导出excel文件的简洁方法(推荐)
Nov 02 Javascript
JavaScript实现弹窗效果代码分析
Mar 09 Javascript
JS实现动态给标签控件添加事件的方法示例
May 13 Javascript
webpack多入口文件页面打包配置详解
Jan 09 Javascript
微信小程序多音频播放进度条问题
Aug 28 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
PHP高级OOP技术演示
2009/08/27 PHP
PHP扩展模块Pecl、Pear以及Perl的区别
2014/04/09 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
JQuery学习笔记 nt-child的使用
2011/01/17 Javascript
js 操作select与option(示例讲解)
2013/12/20 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
2014/01/07 Javascript
Ajax中解析Json的两种方法对比分析
2015/06/25 Javascript
JS控制表单提交的方法
2015/07/09 Javascript
javascript自动切换焦点控制效果完整实例
2016/02/02 Javascript
js+html5实现canvas绘制网页时钟的方法
2016/05/21 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
2016/08/05 Javascript
IE8兼容Jquery.validate.js的问题
2016/12/01 Javascript
使用vue.js实现联动效果的示例代码
2017/01/10 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
2017/05/25 jQuery
es6学习之解构时应该注意的点
2017/08/29 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
NodeJs入门教程之定时器和队列
2019/03/08 NodeJs
js module大战
2019/04/19 Javascript
DatePickerDialog 自定义样式及使用全解
2019/07/09 Javascript
分享一款超好用的JavaScript 打包压缩工具
2020/04/26 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
2020/07/09 Javascript
three.js 如何制作魔方
2020/07/31 Javascript
[39:07]LGD vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
利用Python实现颜色色值转换的小工具
2016/10/27 Python
使用python遍历指定城市的一周气温
2017/03/31 Python
Python实现合并两个列表的方法分析
2018/05/28 Python
对numpy中二进制格式的数据存储与读取方法详解
2018/11/01 Python
详解python中的hashlib模块的使用
2019/04/22 Python
pytorch 求网络模型参数实例
2019/12/30 Python
法人授权委托书范本
2014/09/17 职场文书
业务内勤岗位职责
2015/04/13 职场文书
2015年学校食堂工作总结
2015/04/22 职场文书
python如何做代码性能分析
2021/04/26 Python
OpenCV3.3+Python3.6实现图片高斯模糊
2021/05/18 Python
MySQL transaction事务安全示例讲解
2022/06/21 MySQL