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 相关文章推荐
JS 实现导航栏悬停效果(续2)
Sep 24 Javascript
采用call方式实现js继承
May 20 Javascript
javascript实现动态加载CSS
Jan 26 Javascript
js鼠标点击图片切换效果实现代码
Nov 19 Javascript
浅谈Vue.js 1.x 和 2.x 实例的生命周期
Jul 25 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
Sep 16 Javascript
深入理解vuex2.0 之 modules
Nov 20 Javascript
彻底理解js面向对象之继承
Feb 04 Javascript
vue 的keep-alive缓存功能的实现
Mar 22 Javascript
原生JS实现自定义下拉单选选择框功能
Oct 12 Javascript
浅谈redux, koa, express 中间件实现对比解析
May 23 Javascript
angularjs模态框的使用代码实例
Dec 20 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上传功能集后缀名判断和随机命名(强力推荐)
2015/09/10 PHP
PHP简单获取多个checkbox值的方法
2016/06/13 PHP
Javascript的各种节点操作实例演示代码
2012/06/27 Javascript
js限制文本框只能输入数字方法小结
2014/06/16 Javascript
全面解析Bootstrap排版使用方法(标题)
2015/11/30 Javascript
分享网页检测摇一摇实例代码
2016/01/14 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
js表单登陆验证示例
2016/10/19 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
深入理解Angular中的依赖注入
2017/06/26 Javascript
JavaScript实现购物车基本功能
2017/07/21 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
2017/08/25 Javascript
nodejs中Express与Koa2对比分析
2018/02/06 NodeJs
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
2020/12/14 Vue.js
[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛
2014/07/08 DOTA
Python yield 使用浅析
2015/05/28 Python
python根据京东商品url获取产品价格
2015/08/09 Python
如何利用python查找电脑文件
2018/04/27 Python
解决DataFrame排序sort的问题
2018/06/07 Python
python使用pdfminer解析pdf文件的方法示例
2018/12/20 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
Python实现的银行系统模拟程序完整案例
2019/04/12 Python
CSS类名支持中文命名的示例
2014/04/04 HTML / CSS
三星美国官网:Samsung美国
2017/02/06 全球购物
美国领先的在线邮轮旅游公司:CruiseDirect
2018/06/07 全球购物
英国老牌潮鞋店:Offspring
2019/08/19 全球购物
店长岗位职责
2013/11/21 职场文书
幼儿园小班评语
2014/04/18 职场文书
中职招生先进个人材料
2014/08/31 职场文书
个人政治思想总结
2015/03/05 职场文书
如何使用分区处理MySQL的亿级数据优化
2021/06/18 MySQL
微软PC Health Check电脑健康状况检查应用下载(Win11配置检测工具)
2021/06/26 数码科技
《英雄联盟》2022日蚀、月蚀皮肤演示 黑潮亚索曝光
2022/04/13 其他游戏
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技