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(一)工厂方式 js面象对象的定义方法
Dec 15 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
Query中click(),bind(),live(),delegate()的区别
Nov 19 Javascript
BootStrap Table 后台数据绑定、特殊列处理、排序功能
May 27 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
vue-cli 组件的导入与使用教程详解
Apr 11 Javascript
vue-cli项目中使用Mockjs详解
May 14 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
Jun 19 Javascript
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
微信小程序实现搜索指定景点周边美食、酒店
May 18 Javascript
微信小程序实现图片上传
May 23 Javascript
js实现右键弹出自定义菜单
Sep 08 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 jquery 多文件上传简单实例
2013/12/23 PHP
php中mail函数发送邮件失败的解决方法
2014/12/24 PHP
php生成带logo二维码方法小结
2016/04/08 PHP
PHP获取当前文件的父目录方法汇总
2016/07/21 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
兼容IE和FF的图片上传前预览js代码
2013/05/28 Javascript
JavaScript初学者建议:不要去管浏览器兼容
2014/02/04 Javascript
js左右弹性滚动对联广告代码分享
2014/02/19 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
jQuery使用$.ajax进行即时验证的方法
2015/12/08 Javascript
深入理解setTimeout函数和setInterval函数
2016/05/20 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
2016/09/04 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
jQuery表格(Table)基本操作实例分析
2017/03/10 Javascript
Linux CentOS系统下安装node.js与express的方法
2017/04/01 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
2017/11/01 Javascript
Node.js创建HTTP文件服务器的使用示例
2018/05/11 Javascript
js实现敏感词过滤算法及实现逻辑
2018/07/24 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
2018/09/12 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
2018/09/26 Javascript
详解webpack 最简打包结果分析
2019/02/20 Javascript
微信小程序引入Vant组件库过程解析
2019/08/06 Javascript
使用 Vue 实现一个虚拟列表的方法
2019/08/20 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
Python实现快速排序算法及去重的快速排序的简单示例
2016/06/26 Python
Keras 加载已经训练好的模型进行预测操作
2020/06/17 Python
信用社实习人员自我鉴定
2013/09/20 职场文书
服务标语口号
2014/07/01 职场文书
初婚未育证明样本
2014/10/24 职场文书
农民工工资保障承诺书
2015/05/04 职场文书
2015年国庆放假通知范文
2015/08/18 职场文书
自动在Windows中运行Python脚本并定时触发功能实现
2021/09/04 Python
vue中this.$http.post()跨域和请求参数丢失的解决
2022/04/08 Vue.js