js 正则取自定义标签的内容

js 正则取自定义标签的内容,第1张

如果你的意思是只保留后面的eeee部分,那么这样写:

var reg = /\[url+\[\/url\]/; // 要匹配多个,那么添加g参数 

var str ='[url=forumphpmod=redirect&goto=findpost&pid=114648185&ptid=5106528] [quote][size=2][color=#999999]richardlyc[/color]  [/size][size=1][/size]eeeeww[/quote][/url]eeeee';

var newstr = strreplace(reg, '');

思路:通过id可以获取到<div>对象,通过getAttribute()和innerHTML分别可以获取<div>对象的自定义属性和文本内容。下面实例演示获取<div>标签的自定义属性user_id:

1、HTML结构

<div id="test" user_id="test_id">id="test" user_id="test_id"</div><br/>

<input type='button' value='获取div的自定义属性' onclick="fun()"/>

2、javascript代码

function fun(){

obj = documentgetElementById("test");

alert(objgetAttribute("user_id"))

}

3、点击按钮后效果

  很酷吧,相信经常在网上复制粘贴的人应该不陌生,我也是经历过,觉得很神奇,所以就寻思着是不是也在自己的博客里面也实现这个功能,经过一番查资料于研究,我总算弄明白了其中的原委,并实际应用于我的博客,你可以复制我粘贴试试,觉得酷的话就可以往下接着看了!下面来看一下实现过程。这里说明一下,浏览器版本较低的话可能`addEventListener()`不支持,特别是IE浏览器,IE8以前包括IE8的版本都不支持此方法。

    当用户选中某段内容时windowgetSelection()获取一个Selection对象,将这个`objSelectiontostring()`,就是选中区的内容,这里可以用` var selectionString = windowgetSelection()toString()`在控制台查看,能在控制台查看说明我们就可以通过js获取到,selectionString + '自定义内容',到这里复制的原内容我们就有了。这里我们要创建一个DOM容器来存`objSelectiontostring()`,最好是可以换行的,如p、div、textarea等。

  当一个HTML文档切换到设计模式时,document暴露 execCommand 方法,该方法允许运行命令来 *** 纵可编辑内容区域的元素,这里主要用其中的copy命令来实现复制功能,听说插件Clipboardjs也是调用这个方法实现复制功能的`bool = documentexecCommand(aCommandName, aShowDefaultUI, aValueArgument)`,第一个参数是命令的名称,字符串类型,后两个参数我们可以不用,返回bool值,如果是 false则表示 *** 作不被支持或未被启用命令只介绍用到的copy命令:

  > copy:拷贝当前选中内容到剪贴板。启用这个功能的条件因浏览器不同而不同,而且不同时期,其启用条件也不尽相同。使用之前请检查浏览器兼容表,以确定是否可用。

  这是很重要的一步,这是复制内容的关键命令。这里我们只需要在正确的时间执行`documentexecCommand('copy')`即可。

  addEventListener()方法用于向指定元素添加事件句柄,这里我就抛开文档,就针对本次功能对这个HTML DOM方法进行通俗的解释了,这里主要用来规定我们自定义复制功能的有效DOM范围,来个例子:

  //body中有<div id="test">content</div>

  var el = documentgetElementById('test');

  eladdEventListener('copy', function (e){

    // 触发copy事件后的处理

  }

  这个例子中我们实现的功能将只在id为test的DOM元素里有效,其它地方将恢复默认复制功能。

    Range表示包含节点和部分文本节点的文档片段。用`var range = documentcreateRange()`方法创建,这里面为什么要创建Range呢,主要是用来存储Selection对象的开始位置和终点位置,因为我们是要阻止默认的copy事件,让copy的内容是用户选中的内容加上我们自定义的内容,再将这个内容放入粘贴板,形成最终的粘贴内容。`documentcreateRange`得到是还没有放内容的片段,我们我们还会用到`RangesetStart()`设置Range的起点和`RangesetEnd()`设置Range的终点。最终`selectionObjremoveAllRanges()`将selectionObj中的默认Range 去掉,`selectionObjaddRange(range)`,粘贴板就有了,不出意外去粘贴就会有选中的内容加自定义的内容了。

源码可以联系作者。这里有个特别注意的点,如果是原生js的话直接调用函数就可以,如果是vuejs的话中可以看到,我是在mounted()钩子函数里调用,而不是在created()钩子函数里调用,这里一定不能在created()钩子函数里调用,为什么呢?

因为created()执行的时候一般是在html渲染前的 *** 作,此时el还是undefined,所以执行getElementById()就会报错,created()适合做html渲染前的数据初始化工作。而mounted()一般是在html渲染完成后的 *** 作,此时el,data都已经加载完成,一般对dom的 *** 作都写在mounted中,这是个要注意的点,喜欢的话就给作者点个心,谢谢

function SJbutton(element)

{

$(element)click(function(){

SJbuttontab();

});

}

楼上回答是一种方法,不过还有一种方法,就是使用 AJAXPRO 可以在页面直接以对象的形式调用。

aspxcs 文件里面需要注册一下你使用的类:

AjaxProUtilityRegisterTypeForAjax(typeof(AjaxPager));

在函数方法上加上声明:

[AjaxProAjaxMethod]

public DataTable GetData()

{

return new DataTable();

}

在客户端调用方法为:

AjaxPagerGetData()Rows[0][0] 获取datatable内的值

以上就是关于js 正则取自定义标签的内容全部的内容,包括:js 正则取自定义标签的内容、用js如何取到div中的值、js实现网页内自定义粘贴板等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9454495.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存