我有两个网页 aa.html和aa.jsaa.html网页的全部代码为:
<input type="button" name="Submit" onClick='copyToClipBoard()' value="点击复制本页文章地址,传给QQ/MSN上的好友" width="80" height="16" style="border:1px #6699FF solid; background-color: #6699FF; color:#FFFFFF">   
<script src="aa.js"></script>aa.js的全部代码为:function copyToClipBoard(){   
var clipBoardContent="";   
clipBoardContent+=document.title;   
clipBoardContent+="";   
clipBoardContent+=this.location.href;   
window.clipboardData.setData("Text",clipBoardContent);   
alert("复制成功,请粘贴到您的QQ/MSN上推荐给您的好友");   
}现在,我想在aa.html网页中只保留<script src="aa.js"></script>这一句。而把那段按钮代码也放入JS文件中,请问aa.js文件应该怎么写呢?

解决方案 »

  1.   


    <input type="button" name="Submit" onClick='copyToClipBoard()' value="点击复制本页文章地址,传给QQ/MSN上的好友" width="80" height="16" style="border:1px #6699FF solid; background-color: #6699FF; color:#FFFFFF">   
    这是html代码。没有必要放到js文件中。js文件主要放一些被调用的方法等
      

  2.   

    不过也可以动态生成html代码添加进去
    div.innerHTML='<input type="button" name="Submit" onClick=\'copyToClipBoard()\' value="点击复制本页文章地址,传给QQ/MSN上的好友" width="80" height="16" style="border:1px #6699FF solid; background-color: #6699FF; color:#FFFFFF">   
    '
      

  3.   

    直接将整个funciton放入js文件就行
    function copyToClipBoard(){   
    var clipBoardContent="";   
    clipBoardContent+=document.title;   
    clipBoardContent+="";   
    clipBoardContent+=this.location.href;   
    window.clipboardData.setData("Text",clipBoardContent);   
    alert("复制成功,请粘贴到您的QQ/MSN上推荐给您的好友");   
    }
    这段代码放入js文件
    在html页面中把<script type='text/javascript' src='aa.js'></script>放入<head>中
      

  4.   


    html页面
    <div id='div1'></div>
    aa.js
    function copyToClipBoard(){  
    var clipBoardContent="";  
    clipBoardContent+=document.title;  
    clipBoardContent+="";  
    clipBoardContent+=this.location.href;  
    window.clipboardData.setData("Text",clipBoardContent);  
    alert("复制成功,请粘贴到您的QQ/MSN上推荐给您的好友");  
    }
    document.getElementById("div").innerHTML='<input type="button" name="Submit" onClick=\'copyToClipBoard()\' value="点击复制本页文章地址,传给QQ/MSN上的好友" width="80" height="16" style="border:1px #6699FF solid; background-color: #6699FF; color:#FFFFFF">'
      

  5.   


    我按您说的把js文件的代码改成如下:function copyToClipBoard(){   
    var clipBoardContent="";   
    clipBoardContent+=document.title;   
    clipBoardContent+="";   
    clipBoardContent+=this.location.href;   
    window.clipboardData.setData("Text",clipBoardContent);   
    alert("复制成功,请粘贴到您的QQ/MSN上推荐给您的好友");   
    }
    div.innerHTML='<input type="button" name="Submit" onClick=\'copyToClipBoard()\' value="点击复制本页文章地址,传给QQ/MSN上的好友" width="80" height="16" style="border:1px #6699FF solid; background-color: #6699FF; color:#FFFFFF">   可html文件打开后什么也不显示了。
    html文件全部代码就下面这一句:
    <script src="aa.js"></script>
      

  6.   

    直接 document.write('aa.html里面的所有内容');
      

  7.   


    那段按钮代码我也想放到JS文件中啊
    html文件中只想在<body></body>适当位置保留<script src="aa.js"></script>这一句代码
      

  8.   

    html
    body中加上<div id='div1'></div>
      

  9.   


    试过了,HMTL文件什么都不显示
      

  10.   


    用document.write()就这样function copyToClipBoard(){  
    var clipBoardContent="";  
    clipBoardContent+=document.title;  
    clipBoardContent+="";  
    clipBoardContent+=this.location.href;  
    window.clipboardData.setData("Text",clipBoardContent);  
    alert("复制成功,请粘贴到您的QQ/MSN上推荐给您的好友");  
    }document.write('<input type="button" name="Submit" onClick=\'copyToClipBoard()\' value="点击复制本页文章地址,传给QQ/MSN上的好友" width="80" height="16" style="border:1px #6699FF solid; background-color: #6699FF; color:#FFFFFF">');