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之三(构建选择器)
Jun 11 Javascript
判断iframe里的页面是否加载完成
Jun 06 Javascript
jQuery模拟新浪微博首页滚动效果的方法
Mar 11 Javascript
Vue.js每天必学之Class与样式绑定
Sep 05 Javascript
详解AngularJS 路由 resolve用法
Apr 24 Javascript
vue2的todolist入门小项目的详细解析
May 11 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
基于Vue2x的图片预览插件的示例代码
May 14 Javascript
三分钟学会用ES7中的Async/Await进行异步编程
Jun 14 Javascript
vue-cli3脚手架的配置及使用教程
Aug 28 Javascript
vue.js编译时给生成的文件增加版本号
Sep 17 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
Nov 07 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
PHP5.3连接Oracle客户端及PDO_OCI模块的安装方法
2016/05/13 PHP
jQuery 源码分析笔记(5) jQuery.support
2011/06/19 Javascript
js setTimeout 参数传递使用介绍
2013/08/13 Javascript
jQuery采用连缀写法实现的折叠菜单效果
2015/09/18 Javascript
JS密码生成与强度检测完整实例(附demo源码下载)
2016/04/06 Javascript
JavaScript中const、var和let区别浅析
2016/10/11 Javascript
vue+webpack模拟后台数据的示例代码
2018/07/26 Javascript
关于JavaScript中高阶函数的魅力详解
2018/09/07 Javascript
详解javascript对数组和json数组的操作
2019/04/15 Javascript
js回溯法计算最佳旅行线路代码实例
2019/09/11 Javascript
解决layui富文本编辑器图片上传无法回显的问题
2019/09/18 Javascript
vuex入门最详细整理
2020/03/04 Javascript
python利用hook技术破解https的实例代码
2013/03/25 Python
修改Python的pyxmpp2中的主循环使其提高性能
2015/04/24 Python
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
解决Python网页爬虫之中文乱码问题
2018/05/11 Python
Python爬取个人微信朋友信息操作示例
2018/08/03 Python
Python运维自动化之nginx配置文件对比操作示例
2018/08/29 Python
Python数据可视化 pyecharts实现各种统计图表过程详解
2019/08/15 Python
TensorFlow实现checkpoint文件转换为pb文件
2020/02/10 Python
python GUI库图形界面开发之PyQt5树形结构控件QTreeWidget详细使用方法与实例
2020/03/02 Python
python上传时包含boundary时的解决方法
2020/04/08 Python
Python Flask异步发送邮件实现方法解析
2020/08/01 Python
python推导式的使用方法实例
2021/02/28 Python
时尚的CSS3进度条效果
2012/02/22 HTML / CSS
CSS3关于z-index不生效问题的解决
2020/02/19 HTML / CSS
html5 学习简单的拾色器
2010/09/03 HTML / CSS
HTML5拖放API实现拖放排序的实例代码
2017/05/11 HTML / CSS
比利时家具购买网站:Home24
2019/01/03 全球购物
申报职称专业技术个人的自我评价
2013/12/12 职场文书
文明班级建设方案
2014/05/15 职场文书
应聘会计求职信
2014/06/11 职场文书
物理分数没达标检讨书
2014/09/13 职场文书
党的群众路线教育实践活动个人对照检查材料(校长)
2014/11/05 职场文书
活着观后感
2015/06/03 职场文书
mysql使用instr达到in(字符串)的效果
2022/04/03 MySQL