用javascript实现自定义标签

2016-02-19 10:00 15 1 收藏

下面图老师小编跟大家分享一个简单易学的用javascript实现自定义标签教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Web开发 】

//by zdzhuo 

html
head
script type="text/javascript"
var d = document;
var mk = new Array(
'red','span style="color:red;"',
'/red','/span',
'big','span style="font-size:22pt;"',
'/big','/span',
'zhuo','span style="font-style:oblique;"',
'/zhuo','/span',
'next','brbr'
);        
function mark() {
var t = new String(d.body.innerHTML);
for(i=0;imk.length;i+=2) t = t.replace(new RegExp(mk[i], 'gi'),mk[i+1]);
d.body.innerHTML = t;
}
/script
/head
body onload="mark();"
redzdzhuo/red
next
bigzdzhuo/big
next
zhuozdzhuo/zhuo
/html

来源:http://www.tulaoshi.com/n/20160219/1592983.html

延伸阅读
标签: Web开发
JavaScript为我们提供几种对话框功能,但功能都十分有限;虽然在IE下可以通过模式窗体的方式创建更丰富的对话框功能,但毕竟只有IE得到支持。为了得到更丰富的自定义对话框功能,于是用JQuery编写了一个对话框插件;只需简单地引用相关JavaScript就能得到丰富的自定义对话框功能。 插件功能特点:        ...
开发 WEB应用系统通常都会遇到报表打印问题。简单应用可利用IE的页面打印功能,利用HTML标签控制格式来实现。但复杂的业务型应用系统,报表不仅是组成应用的重要部分,还常常是相当复杂的。现在很多应用系统都要求提供自定义报表的功能——即客户可以自行设计、修改报表。   在 C/S结构系统中,报表问题有很多成熟的解...
标签: Web开发
在JSP中使用自定义标签可以达到这样的目的,事实上,我们所熟知的各类框架基本上都是通过自定义标签的形式来实现的。 通过使用自定义标签,我们可以将实现复杂的逻辑在页面用简单的标签来加以展示。下面我们来实现一个非常简单的自定义标签,期望通过这个简单的实例引领各位进入自定义标签的领域。我们准备定义的这个自定义标签所实现的功能是...
标签: Web开发
script language=javascript         function openDialogWin()         {             var result = window.showModalDialog("ShowMessage.aspx","","dialogHeight:160px; dialogWidth:300px; status:no; hel...
标签: Web开发
在web开发中常常要使用js,为了提高效率一般都会制作js的类文件。这样在使用中更新复用都很方便。下面按照我工作中的一个案例,介绍如何定义js类文件制作自定义的控件。 一、设计需求   这个需求中,我们要制作一个,从webservice上获取一组学生成绩信息,然后在页面上按照及格与否显示出来。当然还要加上一些简单的互动效果。 &nb...

经验教程

517

收藏

17
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部