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在事件监听方面的兼容性小结
Apr 07 Javascript
js querySelector和getElementById通过id获取元素的区别
Apr 20 Javascript
JQuery onload、ready概念介绍及使用方法
Apr 27 Javascript
JavaScript定义类和对象的方法
Nov 26 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
May 13 Javascript
基于JavaScript实现在新的tab页打开url
Aug 04 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
Aug 29 Javascript
使用ES6语法重构React代码详解
May 09 Javascript
最全的JavaScript开发工具列表 总有一款适合你
Jun 29 Javascript
angularjs 缓存的使用详解
Mar 19 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 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学习笔记 php中面向对象三大特性之一[封装性]的应用
2011/06/13 PHP
基于curl数据采集之单页面并行采集函数get_htmls的使用
2013/04/28 PHP
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
PHP中使用数组指针函数操作数组示例
2014/11/19 PHP
php简单读取.vcf格式文件的方法示例
2017/09/02 PHP
Laravel5.0+框架邮件发送功能实现方法图文与实例详解
2019/04/23 PHP
JavaScript 继承使用分析
2011/05/12 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
2013/04/24 Javascript
javascript操作数组详解
2014/12/17 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
vue实现点击隐藏与显示实例分享
2019/02/13 Javascript
Vue 3.x+axios跨域方案的踩坑指南
2019/07/04 Javascript
JS前端广告拦截实现原理解析
2020/02/17 Javascript
实例分析javascript中的异步
2020/06/02 Javascript
[45:50]完美世界DOTA2联赛PWL S3 CPG vs Forest 第二场 12.16
2020/12/17 DOTA
Python中删除文件的程序代码
2011/03/13 Python
查看Python依赖包及其版本号信息的方法
2019/08/13 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
Python requests模块session代码实例
2020/04/14 Python
css3实现3d旋转动画特效
2015/03/10 HTML / CSS
用canvas实现图片滤镜效果附演示
2013/11/05 HTML / CSS
lookfantastic荷兰:在线购买奢华护肤、护发和化妆品
2018/11/27 全球购物
全球高级音频和视频专家:HiDef Lifestyle
2019/08/02 全球购物
前台接待岗位职责
2013/12/03 职场文书
煤矿机修工岗位职责
2014/02/07 职场文书
《与象共舞》教学反思
2014/02/24 职场文书
学习党代会心得体会
2014/09/05 职场文书
2014年向国旗敬礼活动总结
2014/09/27 职场文书
2014年文员工作总结
2014/11/18 职场文书
新手必备Python开发环境搭建教程
2021/05/28 Python
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python