一个快速添加标签的小玩意，但在FF下不能用，望高手指点- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个快速添加标签的小玩意，但在FF下不能用，望高手指点

技术文章搜索

关键字

Javascript 中的一个快速添加标签的小玩意，但在FF下不能用，望高手指点

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 140 ::

收藏到网摘: n/a

javascript下for循环用法小结 HTML中事件触发列表与解说

初步判断是obj.style.backgroundColor在FF下返回的是rgb(xxx,xxx,xxx)的缘故。偶是新手，代码很菜，高手勿笑啊

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
a.blue:link,a.blue:visited{ font-size: 12px; color: #69c; text-decoration: none;
}
a.blue:hover{ background: #69c; color: #fff;
}
</style>
<script type="text/javascript">
function fInsert(a,b){ oInput = document.getElementById(a); oItm = b; if(b.style.backgroundColor == "#69c"){ sReplace = oItm.innerHTML.concat(" "); oInput.value = oInput.value.replace(sReplace,""); b.style.backgroundColor = ""; b.style.color = ""; } else{ oInput.value = oInput.value.concat(oItm.innerHTML); oInput.value = oInput.value.concat(" "); b.style.backgroundColor = "#69c"; b.style.color = "#fff"; }
}
</script>
</head>
<body>
<input type="text" id="cc" style=" width: 300px;" />
<a href="javascript:void(0);" class="blue" onclick="fInsert('cc',this);">关键字</a>　<a href="javascript:void(0);" class="blue" onclick="fInsert('cc',this);">关键字2</a>　<a href="javascript:void(0);" class="blue" onclick="fInsert('cc',this);">关键字3</a>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

javascript下for循环用法小结 HTML中事件触发列表与解说

Javascript 中的 一个快速添加标签的小玩意，但在FF下不能用，望高手指点

评论 (0) All

Javascript 中的一个快速添加标签的小玩意，但在FF下不能用，望高手指点