JS里面如何加入点击复制代码? 5

 我来答
百度网友2571d37bb
2015-09-02 · 知道合伙人软件行家
百度网友2571d37bb
知道合伙人软件行家
采纳数:1971 获赞数:7905
前端工程师

向TA提问 私信TA
展开全部
复制,一般都是讲一个元素的value或是html赋值到另一个元素的value或是html。下面是简单代码实现:
html部分:

<input type="button" value="显示div1的内容" id="btn" />
<div id="div1" style="display:none">div1</div>
<div id="div2" style="display:none">div2</div>
<div id="show-box"></div>

js部分

var div1=document.getElementById("div1");
var div2=document.getElementById("div2");
var btn=document.getElementById("btn");
var showBox=document.getElementById("show-box");
//方法一:将div中的值赋值到一个用于显示的框中(showBox)
var flag=true;
btn.onclick=function(){
    if(flag){
        showBox.innerHTML=div1.innerHTML;
        btn.value="显示div2的内容"
        flag=false;
    }else{
        showBox.innerHTML=div2.innerHTML;
        btn.value="显示div1的内容"
        flag=true;
    }
}

//方法二:用按钮控制div1,div2的显示隐藏
var flag=true;
btn.onclick=function(){
    if(flag){
        div1.style.display="block";
        div2.style.display="none";
        btn.value="显示div2的内容"
        flag=false;
    }else{
        div2.style.display="block";
        div1.style.display="none";
        btn.value="显示div1的内容"
        flag=true;
    }
}
玩宠橙子
2012-12-08 · TA获得超过197个赞
知道小有建树答主
回答量:555
采纳率:0%
帮助的人:299万
展开全部
<script type="text/javascript">
function copyUrl2()
{
var Url2=document.getElementById("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好,可贴粘。");
}
</script>
<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式