js代码格式化库（怎么样格式化javascript，怎么样格式化js）

本文目录

• 怎么样格式化javascript，怎么样格式化js
• JavaScript 数字格式化怎么写
• eclipse怎么格式化js代码
• 用js实现日期时间格式化
• phpstorm怎么格式化js代码
• 怎样在js里面格式化日期
• 在myeclipse中怎么格式化js代码
• 格式化js代码
• intellijidea js-intellj怎么格式化js代码
• 求一段格式化HTML代码的JS代码

怎么样格式化javascript，怎么样格式化js

格式化的话感觉可以使用firefox来实现，在firefox的开发者工具中有一个选项，叫美化原代码， 这样就直接格式化了js代码

美化后

JavaScript 数字格式化怎么写

给你写个js函数直接调用可以格式化数字的【以下是代码部分】《script》
/**
* 格式化数字显示方式
* 用法
* formatNumber(12345.999,’#,##0.00’);
* formatNumber(12345.999,’#,##0.##’);
* formatNumber(123,’000000’);
* @param num
* @param pattern
*/
function formatNumber(num,pattern){
var strarr = num?num.toString().split(’.’):;
var fmtarr = pattern?pattern.split(’.’):;
var retstr=’’;

// 整数部分
var str = strarr;
var fmt = fmtarr;
var i = str.length-1;
var comma = false;
for(var f=fmt.length-1;f》=0;f--){
switch(fmt.substr(f,1)){
case ’#’:
if(i》=0 ) retstr = str.substr(i--,1) + retstr;
break;
case ’0’:
if(i》=0) retstr = str.substr(i--,1) + retstr;
else retstr = ’0’ + retstr;
break;
case ’,’:
comma = true;
retstr=’,’+retstr;
break;
}
}
if(i》=0){
if(comma){
var l = str.length;
for(;i》=0;i--){
retstr = str.substr(i,1) + retstr;
if(i》0 && ((l-i)%3)==0) retstr = ’,’ + retstr;
}
}
else retstr = str.substr(0,i+1) + retstr;
}

retstr = retstr+’.’;
// 处理小数部分
str=strarr.length》1?strarr:’’;
fmt=fmtarr.length》1?fmtarr:’’;
i=0;
for(var f=0;f《fmt.length;f++){
switch(fmt.substr(f,1)){
case ’#’:
if(i《str.length) retstr+=str.substr(i++,1);
break;
case ’0’:
if(i《str.length) retstr+= str.substr(i++,1);
else retstr+=’0’;
break;
}
}
return retstr.replace(/^,+/,’’).replace(/\.$/,’’);
}
alert(formatNumber(12345.999,’#,##0.00’));
《/script》

eclipse怎么格式化js代码

方法/步骤
1
首先，我们得找一段Javascript代码，这个我写一个示例，写一个没有任何格式的Javascript代码
【function test(){c***ole.log(1);c***ole.log(’test’);}】
2
***隐藏网址***
步骤阅读
3
我们直接在百度输入框里输入【JS格式化】，JS是Javascript的简称，也是Javascript文件的后缀名，输入后点击【百度一下】
4
从搜索结果中可以看到，百度确实搜索很人性化，直接给我门推荐一些在线的小工具，那么我们就直接点击第一个应用
5
打开应用后界面很简单，就是一个大大的输入框，让你输入想要格式化的内容，下面也有一些按钮，其中一个【格式化】使我们关心的
6
现在，我们将准备好的JS代码复制到输入框中
7
接下来，点击【格式化】按钮，看看发生什么事情了吧，结果正是我们想要的格式化后的代码，是不是很方便呢，也不需要下载什么多余的软件，直接在线就可以解决了，到此本教程就结束了

用js实现日期时间格式化

效果图：

代码截图：（关键部分用框框标出）

源码：

《!DOCTYPE html》

《html lang="en"》

《head》

    《meta charset="UTF-8"》

***隐藏网址***

    《meta name="viewport" content="width=device-width, initial-scale=1.0"》

    《title》Document《/title》

《/head》

《body》

    《div》

        《span id="date"》《/span》 《br》

        《span id="week"》《/span》

    《/div》

    《script》

        var showDate = document.getElementById(’date’);  // 获取页面元素

        var showWeek = document.getElementById(’week’);  // 获取页面元素

        var time = new Date();

        var year = time.getFullYear();  //获取年份

        var month = correctDate(time.getMonth() + 1);  //获取月份

        var day = correctDate(time.getDate());   //获取日期

        var date = "今天是" + year + "年" + month + "月" + day + "日";

        var week = time.getDay();  // 获取星期几，返回的是0/1/2/3/4/5/6 0代表周日

        var weeks = ;

        var toWeek = weeks;  // 获取今日星期

        showDate.innerHTML = date;  // 将日期显示在页面

        showWeek.innerHTML = toWeek;  // 将星期显示在页面

        /* 这是一个规范数字的函数：

            当时间小于10时，在数字前面加上0，统一都是用两个数字表示，

            比如3月5日就显示03月05日

        */

        function correctDate(date){

            if(date《10){

                return ’0’+date;

            }

            return date;

        }

    《/script》

《/body》

《/html》

phpstorm怎么格式化js代码

phpstorm 代码格式化方法：
快捷键：Ctrl + Alt + L
设置代码样式：File -》 Settings -》 Code Style -》PHP
根据个人php代码规范和个人喜好设置 PHP 等代码的样式结构。
phpstorm可以设置：
1、等号对齐
2、中括号显示方式...
3、空格 显示方式等...
总之，只要你想要的都可以设置，自己慢慢折腾吧...
代码示范：
《?php
class HellowordController extends Controller
{
public function actionIndex($id)
{
echo ’hello word!’;
echo $id;
}
public function acti***()
{
return array(’edit’ =》 ’application.controllers.helloword.UpdateAction’,);
}
}
另外，对 phpstorm 设置好后，可以把设置信息导出，以便后续安装后再次使用。
导出设置方法：File -》 Export Settings
导入设置方法：File -》 Import Settings

怎样在js里面格式化日期

格式化时间
参数： formatStr 格式化串 y年，m月，d日，h小时,i分钟，s秒钟  缺省值 "y-m-d h:i:s"
fdate 要格式化的时间（时间戳）UTC秒数 缺省值 当前时间
实例： formatDate()  当前时间默认格式 如 2011-4-12 12:51:12
formatDate(’y/m/d’, 2132132131) 某时间格式为 年月日 如 2010/12/5  
function formatDate(formatStr, fdate)
{
var fTime, fStr = ’ymdhis’;
if (!formatStr)
formatStr= "y-m-d h:i:s";
if (fdate)
fTime = new Date(fdate);
else
fTime = new Date();
var formatArr = [
fTime.getFullYear().toString(),
(fTime.getMonth()+1).toString(),
fTime.getDate().toString(),
fTime.getHours().toString(),
fTime.getMinutes().toString(),
fTime.getSeconds().toString()
]
for (var i=0; i《formatArr.length; i++)
{
formatStr = formatStr.replace(fStr.charAt(i), formatArr);
}
return formatStr;
}

• 步骤一：将日期转换成我们常用的“yyyy-MM-dd hh:mm:ss”这种格式，我们可以对日期进行获取然后组装，具体代码如下所示：

• 步骤二：将日期转换成“某年某月某日”这种日期格式，此时我们只需要调用Date类的toLocaleDateString方法即可。

• 步骤三：直接获取“hh:mm:ss”时间，此时我们只需要调用Date的toLocaleTimeString方法即可。

• 步骤四：获取“获取"某年某月某日 hh:mm:ss"”这种格式，我们需要调用Date类的toLocaleString方法。

• 步骤五：调用dateFormat（）方法。

• 6

  ***隐藏网址***

参考资料

百度经验.搜狗

在myeclipse中怎么格式化js代码

　　通过快捷键Ctrl+Shift+F进行格式化
　　Ctrl+Shift+F 格式化代码后总把一行拆成两行或者更多有点不适应，所以按个人爱好更改他，这里介绍的是MyEclipse8.5的更改方式其他应该差不多Window→Preferences→Java→Code Style→ Formatter右侧可以直接Edit也可以New，建议自己New。
Line Wrapping选项卡的 左上Maximum line width的值是80，改成自己适合的值。
　　辛苦写完的代码，被Eclipse一格式化以后，本来想放在一行上的东西却被自动转成了多行，虽然自动换行以后可以在器中一眼就能看到全部的代码，但是可读性却大打折扣，比如方法名及参数我喜欢放在一行上，自动格式化时给我拆成三、四行看着太乱了，避免出现这种情况的办法是：
　　1.Java代码
　　打开Eclipse的Window菜单，然后Preferences-》Java-》Code Style-》Formatter-》Edit/Show(根据不同版本可用的按钮会不一样) -》Line Wrapping-》Maximum line width:由80改成800就行了。
　　2.Html代码
　　Window-》Preferences-》MyEclipse-》Files and Editors-》Html-》Html Source-》Line width-》加个0以后保存。

格式化js代码

document.getElementByTagName(’tr’)他会返回当前dom树中所有的tr，你需要判断一下他的第一个子节点的值是否是1就可以确定是否你要找的哪个tr，然后返回他的id就可以了

intellijidea js-intellj怎么格式化js代码

intellijidea
js-intellj格式化js代码是利用快捷键ctrl+alt+l实现的
1、intellij
idea提供了对
javascript
关键词，变量，标签，函数也包括了html事件句柄的自动完成
2、javascript代码格式化，对javascript的格式化的支持是可以通过设置定制的。

求一段格式化HTML代码的JS代码

var HTMLFormat = (function() {
function style_html(html_source, indent_size, indent_character, max_char) {
var Parser, multi_parser;
function Parser() {
this.pos = 0;
this.token = ’’;
this.current_mode = ’CONTENT’;
this.tags = 举迹{
parent: ’parent1’,
parentcount: 1,
parent1: ’’
};
this.tag_type = ’’;
this.token_text = this.last_token = this.last_text = this.token_type = ’’;
this.Utils = {
whitespace: "\n\r\t ".split(’’),
single_token: ’br,input,link,meta,!doctype,basefont,base,area,hr,wbr,param,img,isindex,?xml,embed’.split(’,’),
extra_liners: ’head,body,/html’.split(’,’),
in_array: function(what, arr) {
for (var i = 0; i 《 arr.length; i++) {
if (what === arr) {
return true;
}
}
return false;
}
}
this.get_content = function() {
var char = ’’;
var content = ;
var space = false;
while (this.input.charAt(this.pos) !== ’《’) {
if (this.pos 》= this.input.length) {
return content.length ? content.join(’’) : ;
}
char = this.input.charAt(this.pos);
this.pos++;
this.line_char_count++;
if (this.Utils.in_array(char, this.Utils.whitespace)) {
if (content.length) {
space = true;
}
this.line_char_count--;
continue;
} else if (space) {
if (this.line_char_count 》= this.max_char) {
content.push(’\n’);
for (var i = 0; i 《 this.indent_level; i++) {
content.push(this.indent_string);
}
this.line_char_count = 0;
} else {
content.push(’ ’);
this.line_char_count++;
}
space = false;
}
content.push(char);
}
return content.length ? content.join(’’) : ’’;
}
this.get_script = function() {
var char = ’’;
var content = ;
var reg_match = new RegExp(’\《\/script’ + ’\》正凳并粗码’, ’igm’);
reg_match.lastIndex = this.pos;
var reg_array = reg_match****c(this.input);
var end_script = reg_array ? reg_array.index : this.input.length;
while (this.pos 《 end_script) {
if (this.pos 》= this.input.length) {
return content.length ? content.join(’’) : ;
}
char = this.input.charAt(this.pos);
this.pos++;
content.push(char);
}
return content.length ? content.join(’’) : ’’;
}
this.record_tag = function(tag) {
if (this.tags) {
this.tags++;
this.tags = this.indent_level;
} else {
this.tags = 1;
this.tags = this.indent_level;
}
this.tags = this.tags.parent;
this.tags.parent = tag + this.tags;
}
this.retrieve_tag = function(tag) {
if (this.tags) {
var temp_parent = this.tags.parent;
while (temp_parent) {
if (tag + this.tags === temp_parent) {
break;
}
temp_parent = this.tags;
}
if (temp_parent) {
this.indent_level = this.tags;
this.tags.parent = this.tags;
}
delete this.tags;
delete this.tags;
if (this.tags == 1) {
delete this.tags;
} else {
this.tags--;
}
}
}
this.get_tag = function() {
var char = ’’;
var content = ;
var space = false;
do {
if (this.pos 》= this.input.length) {
return content.length ? content.join(’’) : ;
}
char = this.input.charAt(this.pos);
this.pos++;
this.line_char_count++;
if (this.Utils.in_array(char, this.Utils.whitespace)) {
space = true;
this.line_char_count--;
continue;
}
if (char === "’" || char === ’"’) {
if (!content !== ’!’) {
char += this.get_unformatted(char);
space = true;
}
}
if (char === ’=’) {
space = false;
}
if (content.length && content !== ’=’ && char !== ’》’ && space) {
if (this.line_char_count 》= this.max_char) {
this.print_newline(false, content);
this.line_char_count = 0;
} else {
content.push(’ ’);
this.line_char_count++;
}
space = false;
}
content.push(char);
} while (char !== ’》’);
var tag_complete = content.join(’’);
var tag_index;
if (tag_complete.indexOf(’ ’) != -1) {
tag_index = tag_complete.indexOf(’ ’);
} else {
tag_index = tag_complete.indexOf(’》’);
}
var tag_check = tag_complete.substring(1, tag_index).toLowerCase();
if (tag_complete.charAt(tag_complete.length - 2) === ’/’ || this.Utils.in_array(tag_check, this.Utils.single_token)) {
this.tag_type = ’SINGLE’;
} else if (tag_check === ’script’) {
this.record_tag(tag_check);
this.tag_type = ’SCRIPT’;
} else if (tag_check === ’style’) {
this.record_tag(tag_check);
this.tag_type = ’STYLE’;
} else if (tag_check.charAt(0) === ’!’) {
if (tag_check.indexOf(’[if’) != -1) {
if (tag_complete.indexOf(’!IE’) != -1) {
var comment = this.get_unformatted(’--》’, tag_complete);
content.push(comment);
}
this.tag_type = ’START’;
} else if (tag_check.indexOf(’[endif’) != -1) {
this.tag_type = ’END’;
this.unindent();
} else if (tag_check.indexOf(’[cdata[’) != -1) {
var comment = this.get_unformatted(’]]》’, tag_complete);
content.push(comment);
this.tag_type = ’SINGLE’;
} else {
var comment = this.get_unformatted(’--》’, tag_complete);
content.push(comment);
this.tag_type = ’SINGLE’;
}
} else {
if (tag_check.charAt(0) === ’/’) {
this.retrieve_tag(tag_check.substring(1));
this.tag_type = ’END’;
} else {
this.record_tag(tag_check);
this.tag_type = ’START’;
}
if (this.Utils.in_array(tag_check, this.Utils.extra_liners)) {
this.print_newline(true, this.output);
}
}
return content.join(’’);
}
this.get_unformatted = function(delimiter, orig_tag) {
if (orig_tag && orig_tag.indexOf(delimiter) != -1) {
return ’’;
}
var char = ’’;
var content = ’’;
var space = true;
do {
char = this.input.charAt(this.pos);
this.pos++
if (this.Utils.in_array(char, this.Utils.whitespace)) {
if (!space) {
this.line_char_count--;
continue;
}
if (char === ’\n’ || char === ’\r’) {
content += ’\n’;
for (var i = 0; i 《 this.indent_level; i++) {
content += this.indent_string;
}
space = false;
this.line_char_count = 0;
continue;
}
}
content += char;
this.line_char_count++;
space = true;
} while (content.indexOf(delimiter) == -1);
return content;
}
this.get_token = function() {
var token;
if (this.last_token === ’TK_TAG_SCRIPT’) {
var temp_token = this.get_script();
if (typeof temp_token !== ’string’) {
return temp_token;
}
//token = js_beautify(temp_token, this.indent_size, this.indent_character, this.indent_level);
//return ;
return ;
}
if (this.current_mode === ’CONTENT’) {
token = this.get_content();
if (typeof token !== ’string’) {
return token;
} else {
return ;
}
}
if (this.current_mode === ’TAG’) {
token = this.get_tag();
if (typeof token !== ’string’) {
return token;
} else {
var tag_name_type = ’TK_TAG_’ + this.tag_type;
return ;
}
}
}
this.printer = function(js_source, indent_character, indent_size, max_char) {
this.input = js_source || ’’;
this.output = ;
this.indent_character = indent_character || ’ ’;
this.indent_string = ’’;
this.indent_size = indent_size || 2;
this.indent_level = 0;
this.max_char = max_char || 70;
this.line_char_count = 0;
for (var i = 0; i 《 this.indent_size; i++) {
this.indent_string += this.indent_character;
}
this.print_newline = function(ignore, arr) {
this.line_char_count = 0;
if (!arr || !arr.length) {
return;
}
if (!ignore) {
while (this.Utils.in_array(arr, this.Utils.whitespace)) {
arr.pop();
}
}
arr.push(’\n’);
for (var i = 0; i 《 this.indent_level; i++) {
arr.push(this.indent_string);
}
}
this.print_token = function(text) {
this.output.push(text);
}
this.indent = function() {
this.indent_level++;
}
this.unindent = function() {
if (this.indent_level 》 0) {
this.indent_level--;
}
}
}
return this;
}
multi_parser = new Parser();
multi_parser.printer(html_source, indent_character, indent_size);
while (true) {
var t = multi_parser.get_token();
multi_parser.token_text = t;
multi_parser.token_type = t;
if (multi_parser.token_type === ’TK_EOF’) {
break;
}
switch (multi_parser.token_type) {
case ’TK_TAG_START’:
case ’TK_TAG_SCRIPT’:
case ’TK_TAG_STYLE’:
multi_parser.print_newline(false, multi_parser.output);
multi_parser.print_token(multi_parser.token_text);
multi_parser.indent();
multi_parser.current_mode = ’CONTENT’;
break;
case ’TK_TAG_END’:
multi_parser.print_newline(true, multi_parser.output);
multi_parser.print_token(multi_parser.token_text);
multi_parser.current_mode = ’CONTENT’;
break;
case ’TK_TAG_SINGLE’:
multi_parser.print_newline(false, multi_parser.output);
multi_parser.print_token(multi_parser.token_text);
multi_parser.current_mode = ’CONTENT’;
break;
case ’TK_CONTENT’:
if (multi_parser.token_text !== ’’) {
multi_parser.print_newline(false, multi_parser.output);
multi_parser.print_token(multi_parser.token_text);
}
multi_parser.current_mode = ’TAG’;
break;
}
multi_parser.last_token = multi_parser.token_type;
multi_parser.last_text = multi_parser.token_text;
}
return multi_parser.output.join(’’);
}
return function(data) {
var dataHolder = .join(’_’);
var dataHolders = {};
var index = 0;
data = data.replace(/(\")(data:*)(\")/g, function($0, $1, $2, $3) {
var name = dataHolder + index++;
dataHolders = $2;
return $1 + name + $3;
})
data = style_html(data, 1, ’\t’, 0x10000000);
data = data.replace(new RegExp(dataHolder + ’+’, ’g’), function($0) {
return dataHolders;
});
return data;
}
})();
// demo:
var formattedHtml = HTMLFormat(’《div》《span》《br》xxx《/span》《/div》’);