本文目录一览：
网页设计师非常有用的几个在线工具
时间戳转换
功能简介：Unix时间戳和北京时间互转、获取时间戳方法
地址：
代码对比/归并
功能简介：在线检测/比较两个文件文本的不同
地址：
LESS编译器
功能简介：将LESS代码编译成CSS代码，方便前端人员使用
地址：
crontab表达式
功能简介：根据crontab表达式计算未来N次的执行时间
地址：
代码格式化
功能简介：可以对SQL、XML、JSON代码进行格式化和美化
地址：
编码转换
功能简介：URL解码、Native转UTF-8、Native转ASCII
地址：
网页调色板
功能简介：网页颜色选择器、颜色代码查询、RGB颜色值参考
地址：
正则表达式
功能简介：正则表达式匹配和替换、多种常用正则表达式
地址：
答题
功能简介：学霸，快来做题，提升一下你的技能吧
地址：
Markdown
功能简介：将web上的文本转换成HTML文档
地址：
UBB编译器
功能简介：UBB是一种网页中的替代HTML代码的安全代码
地址：
进制转换
功能简介：2~36进制之间任意进制转换，支持浮点型
地址：
CSV转HTML
功能简介：将CSV数据转换为HTML的表格,并展示在页面上
地址：
HTML特殊符号
功能简介：HTML特殊字符编码大全
地址：
XML转JSON
功能简介：XML和JSON的内容和输出互相转换
地址：
HTML转JS
功能简介：HTML和JS的内容和输出互相转换
地址：
js/css压缩
功能简介：在线压缩Javascript和CSS代码
地址：
网页常用字体
功能简介：总结了各种常见的网页字体的显示效果
地址：
Cron生成器
功能简介：可以在线生成任务调度Quartz的Cron表达式
地址：
JSON格式化
功能简介：Json解析、验证、格式化、压缩、以及Json与XML相互转换
地址：
SQL格式化
功能简介：sql在线美化、格式化、脚本压缩
地址：
端口扫描
功能简介：扫描常用或指定的端口，查看端口是否开放
地址：
Base64编码解码
功能简介：将字符base64编码加密,或者将base64加密的字符还原
地址：
MD5加密
功能简介：生成32位和16位的大写和小写的密文
地址：
摩斯电码
功能简介：在线摩斯电码加密解密
地址：
IP查询
功能简介：查询IP或域名的地理位置和宽带供应商、查看本机IP
地址：
文字加密解密
功能简介：支持AES、DES、RC4、Rabbit 等多种算法
地址：
HTTP状态查询
功能简介：检测网页返回的HTTP状态码
地址：
生成htpasswd
功能简介：生成htpasswd
地址：
favicon图标制作
功能简介：将上传图像剪切并生成ico格式的图标
地址：
传图识字
功能简介：可以将一段含有英文文字的照片免费转化成文字
地址：
gif图制作
功能简介：一键生成gif动态图、闪图和搞笑表情包
地址：
生成二维码
功能简介：可以设置图像格式、容错率、大小、颜色及LOGO
地址：
图片转pdf
功能简介：在线免费将多张图片转成pdf文档，一键生成pdf文档
地址：
人脸识别
功能简介：在线人脸识别，自动识别人脸批量裁剪出头像图片
地址：
DIY卡通头像
功能简介：免费的动漫人物制作工具，可以随心定制男女卡通头像
地址：
传图识色
功能简介：可以识别出光标所在处图片的颜色，并提取出图片的主色调
地址：
手绘图片
功能简介：可以自动生成手绘风格照片，还可以改变照片的模糊度
地址：
图片转Base64
功能简介：图片和Base64编码互转
地址：
衣服尺码计算
功能简介：输入你的身高体重，即可计算出你需要的衣服尺寸
地址：
身份证信息查询
功能简介：输入身份证号，查询归属地、性别和出生年月
地址：
科学计算器
功能简介：开方(√)、圆周率(π)、倒数(1/x)、正弦(Sin)
地址：
大小写转换
功能简介：可以实现人民币数字大写转换和英文大小写转换
地址：
日期间隔计算
功能简介：一款可以计算两个日期之间的天数的工具
地址：
汉字转拼音
功能简介：可以将汉字转化为带声调的拼音
地址：
文字去重
功能简介：该工具可得到无重复数据的文字
地址：
单位换算器
功能简介：长度、面积、重量、温度等单位一键对等转换
地址：
中文简繁转换
功能简介：将输入的一段文字转换为简体或繁体
地址：
阴阳历转换
功能简介：支持农历公历互查，公历和农历互相转换
地址：
邮编区号查询
功能简介：输入省份、城市、区号或邮编查询该地区号
地址：
字数统计
功能简介：快速计算文章中汉字、标点、英文和数字的个数
地址：
JS调用如何被HTML编译
/newscodejs.asp?lm2=84list=5icon=/img/fk.giftj=0font=9hot=0new=0line=0lmname=0open=1n=36more=0t=0week=0zzly=0hit=0pls=0
这个文件显示的结果必须是js格式
如输出img src="1.jpg" /
需要写成
document.write("img src="1.jpg" /")
html转js
转换成js文件，参考如下：kf.js
document.write("LINK rel=stylesheet type=text/css href="css/lanrenzhijia.css"SCRIPT type=text/javascript src="js/jquery.js"/SCRIPTSCRIPT type=text/javascript src="js/kefu.js"/SCRIPT");
document.write("DIV id=floatTools class=float0831DIV class=floatLA 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 /DIVDIV id=divFloatToolsView class=floatRDIV class=tp/DIVDIV class=cnULLI class=topH3 class=titZxQQ咨询/H3/LILIA class=icoTc href=";uin=737573005Site=qqMenu=yes" target="_blank"业务经理/A/LILIA class=icoTc href=";uin=653450623Site=qqMenu=yes" target="_blank"业务杜鹏/A/LILIA class=icoTc href=";uin=519266738Site=qqMenu=yes" target="_blank"业务张静/A/LILIA class=icoTc href=";uin=1796557519Site=qqMenu=yes" target="_blank"业务赵丽/A/LILIA class=icoTc href=";uin=603336134Site=qqMenu=yes" target="_blank"技术支持/A/LI/UL/ULULLIdiv align="left"img src="images/phone1.jpg"//div/LILISPAN class=icoTl 400-6919-390/SPAN/LILISPAN class=icoTl 010-51668748/SPAN /LILIdiv align="left"img src="images/phone2.jpg"//div/LILISPAN class=icoTl白班18601043335/SPAN/LILISPAN class=icoTl晚班18610113072/SPAN/LILISPAN class=icoTl投诉18601035554/SPAN/LI/UL/DIV/DIV/DIV");
在HTML页面中包含kf.js文件即可
希望能帮助你
望采纳
HTML和JS代码格式化原理是什么？
所谓的源码是指程序的原始代码，经过编译器编译之后成机器能识别的二进制代码（机器代码），目前的编程语言有C/C++、JAVA、C#等，很多，要写“源码”当然要先学这些“语言”等你学会了便可以写“源码”了。
源码模板有很多种类，在这里我主要讲的是ZBLOG风格模板如何修改，此方法可以举一反三。对于WordPress、PJBLOG、动易CMS、织梦CMS、风讯CMS的风格模板修改方法都是一样的。
修改一个你满意的网页模板，你要有以下基础，会一点HTML（标准通用标记语言下的一个应用）语言，会一点DIV+CSS，会一点图片制作方法。
第一步，先讲解一下主题模板的构成。下面以Z-blog主题“低调与华丽”风格模板来说明，模板均分为三大部分，①网页的html文件，②CSS文件，③图片文件。一般情况修改模板只需修改这三部分。
第二步，你可以让模板可视化再修改。几乎所有默认的源码网页模板的路径都是系统自带的标签。这样把讲HTML文件放入Dreamweaver里时会是一堆的代码。如何将程序模板转换为可视化界面呢。其实只需要修改CSS和图片路径就可以了。
如：
link rel="stylesheet" rev="stylesheet" href="#ZC_BLOG_HOST#themes/#ZC_BLOG_THEME#/style/#ZC_BLOG_CSS#.css" type="text/css" media="screen" /加红色的部分就是系统标签，这时你可以修改成你本机的虚拟路径。其他的程序标签都有说明，请查看相关系统标签。
如：link href="../style/css/LuSongSong-Index.css" rel="stylesheet" type="text/css" /修改好之后你就可以在Dreamweaver里面直观的看到网页界面了，并且修改起来也非常方便。（记得模板修改之后别忘记把CSS路径改回去哦！）
如图所示：
第三步，修改LOGO，和模板相关图片。网页我所要的框架改好了，但里面的logo和banner都还是人家的怎么办呢？接下来就是如何修改模板中的相关图片了。由于卢松松提供的“低调与华丽”风格模板，包含的有源文件，所以修改起来非常方便，你只需要修改里面的文字，下载一点你喜欢的其他图标就可以了。对于修改网页中的图片推荐使用Fireworks，原因是Fireworks不仅可以打开PNG源文件，还可以打开PSD源文件，相反Photoshop是不能打开PNG源文件的[2]
第四步，教程看的再多不自己动动手，亲自试一试。那就赶快下载“低调与华丽”风格模板试一试吧！
虽然大部分是复制粘贴的.但是希望我复制粘贴的回答能够帮助到你.