html代码如何转换成js文件

首先要将自己要转换的HTML代码准备好。

然后进入

站长工具网

。百度搜索能找到，点击进入，选择“HTML/JS互转”

然后粘贴进去，得到相应的JS代码。

如果现在是直接放到网页中，直接将JS代码贴进去就行了。如果不是直接贴到记事本中。然后保存为JS文件。

然后我们得到JS文件，然后就可以直接上传了。

（1）在html文件的head中添加代码，例如：

<script src="../js/jquery-1.7.1min.js"></script>（src是js文件的路径）

（2）也可以把js文件直接拖进html页面

科普：JS一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

转换成js文件，参考如下：kf.js

document.write("<LINK rel=stylesheet type=text/css href=\"css/lanrenzhijia.css\"><SCRIPT type=text/javascript src=\"js/jquery.js\"></SCRIPT><SCRIPT type=text/javascript src=\"js/kefu.js\"></SCRIPT>")

document.write("<DIV id=floatTools class=float0831><DIV class=floatL><A style=\"DISPLAY: none\" id=aFloatTools_Show class=btnOpen title=查看在线客服 onclick=\"javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show()kf_setCookie('RightFloatShown', 0, '', '/', '')})$('#aFloatTools_Show').attr('style','display:none')$('#aFloatTools_Hide').attr('style','display:block')\" href=\"javascript:void(0)\">展开</A><A id=aFloatTools_Hide class=btnCtn title=关闭在线客服 onclick=\"javascript:$('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide()kf_setCookie('RightFloatSdhown', 1, '', '/', '')})$('#aFloatTools_Show').attr('style','display:block')$('#aFloatTools_Hide').attr('style','display:none')\" href=\"javascript:void(0)\">收缩</A></DIV><DIV id=divFloatToolsView class=floatR><DIV class=tp></DIV><DIV class=cn><UL><LI class=top><H3 class=titZx>QQ咨询</H3></LI><LI><A class=icoTc href=\"http://wpa.qq.com/msgrd?v=3&uin=737573005&Site=qq&Menu=yes\" target=\"_blank\">业务经理</A></LI><LI><A class=icoTc href=\"http://wpa.qq.com/msgrd?v=3&uin=653450623&Site=qq&Menu=yes\" target=\"_blank\">业务杜鹏</A></LI><LI><A class=icoTc href=\"http://wpa.qq.com/msgrd?v=3&uin=519266738&Site=qq&Menu=yes\" target=\"_blank\">业务张静</A></LI><LI><A class=icoTc href=\"http://wpa.qq.com/msgrd?v=3&uin=1796557519&Site=qq&Menu=yes\" target=\"_blank\">业务赵丽</A></LI><LI><A class=icoTc href=\"http://wpa.qq.com/msgrd?v=3&uin=603336134&Site=qq&Menu=yes\" target=\"_blank\">技术支持</A></LI></UL></UL><UL><LI><div align=\"left\"><img src=\"images/phone1.jpg\"/></div></LI><LI><SPAN class=icoTl> 400-6919-390</SPAN></LI><LI><SPAN class=icoTl> 010-51668748</SPAN></LI><LI><div align=\"left\"><img src=\"images/phone2.jpg\"/></div></LI><LI><SPAN class=icoTl>白班18601043335</SPAN></LI><LI><SPAN class=icoTl>晚班18610113072</SPAN></LI><LI><SPAN class=icoTl>投诉18601035554</SPAN></LI></UL></DIV></DIV></DIV>")

在HTML页面中包含kf.js文件即可

希望能帮助你

望采纳

---