js 剪切板的用法(clipboardData.setData)与js match函数介绍

 更新时间:2013年11月19日 09:43:30   作者:  
这篇文章主要是对js中剪切板的使用方法(clipboardData.setData)与js中的match函数进行了介绍。需要的朋友可以过来参考下,希望对大家有所帮助

经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中。其实这个功能实现起来也不难,核心就是用到了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常用的Hook脚本

    详解JavaScript常用的Hook脚本

    这篇文章主要介绍了JavaScript常用的Hook脚本,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03
  • js改变文章字体大小的实例代码

    js改变文章字体大小的实例代码

    这篇文章主要介绍了js改变文章字体大小的实例代码,有需要的朋友可以参考一下
    2013-11-11
  • 微信小程序3种位置API的使用方法详解

    微信小程序3种位置API的使用方法详解

    这篇文章主要介绍了微信小程序3种位置API的使用方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • 详解微信小程序实现跑马灯效果(附完整代码)

    详解微信小程序实现跑马灯效果(附完整代码)

    这篇文章主要介绍了微信小程序跑马灯效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • JavaScript使用位运算符判断奇数和偶数的方法

    JavaScript使用位运算符判断奇数和偶数的方法

    这篇文章主要介绍了JavaScript使用位运算符判断奇数和偶数的方法,涉及javascript位运算的使用技巧,需要的朋友可以参考下
    2015-06-06
  • 简单的JavaScript互斥锁分享

    简单的JavaScript互斥锁分享

    这篇文章主要介绍了简单的JavaScript互斥锁的相关资料,需要的朋友可以参考下
    2014-02-02
  • JS处理一些简单计算题

    JS处理一些简单计算题

    本篇文章通过JS来实现以下日常用经常用到的计算以及换算等小工具,有兴趣的朋友可以学习下。
    2018-02-02
  • 微信小程序h5页面跳转小程序的超详细讲解

    微信小程序h5页面跳转小程序的超详细讲解

    开发中涉及到一个需求,就是从一个预约票购买的页面需要跳转到 小程序,下面这篇文章主要给大家介绍了关于微信小程序h5页面跳转小程序的超详细讲解,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-02-02
  • url特殊字符编码encodeURI VS encodeURIComponent分析

    url特殊字符编码encodeURI VS encodeURIComponent分析

    这篇文章主要介绍了url特殊字符编码encodeURI VS encodeURIComponent分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • JS+CSS实现大气清新的滑动菜单效果代码

    JS+CSS实现大气清新的滑动菜单效果代码

    这篇文章主要介绍了JS+CSS实现大气清新的滑动菜单效果代码,通过鼠标事件结合定时函数实现页面元素动态变换的效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10

最新评论