frost-craft/frost-navigation
1
0
Fork 0
Code Releases Activity

完成“生成随机字符串”

Browse Source
This commit is contained in:
Frost-ZX
2019-12-12 15:00:47 +08:00
parent d0f5d34c8f
commit 2dc03fbe55
4 changed files with 147 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
css/tool.css
View File

@@ -196,6 +196,7 @@ body {
#genstring-result input[type="text"] {
width: 80%;
font-family: monospace;
}
/* 新窗口（小窗）中打开 */

155
js/tool.js
View File

@@ -1,9 +1,40 @@
var SettingFontSize = localStorage.getItem("SettingFont");
/* ---- */
/* 变量 */
/* ---- */
/* -------- */
/* 字体大小 */
/* -------- */
var Settings = {
// 全局 //
Global: {
FontSize: localStorage.getItem("SettingFont") // 字体大小
},
// 工具 //
Tool: {
// 生成随机字符串 //
GenString: {
length: "8", // 长度
hasNum: true, // 包含数字
hasChar: false, // 包含字母
hasSymbol: false, // 包含其他符号
caseSense: true, // 包含大小写
lowerCase: false // 全小写
}
}
}
/* ---- */
/* 函数 */
/* ---- */
/* 返回顶部 */
function toTop() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
/* 设置 */
// 字体大小 //
function toolSettingsFont(mode) {
var RootEle = document.querySelector("html");
var Input = document.querySelector(".tool-setting-font p input");
@@ -11,18 +42,18 @@ function toolSettingsFont(mode) {
switch (mode){
// 重置 //
case "reset":
SettingFontSize = "16";
localStorage.setItem("SettingFont", SettingFontSize);
Output.innerHTML = Input.value = SettingFontSize;
RootEle.style.fontSize = SettingFontSize + "px";
Settings.Global.FontSize = "16";
localStorage.setItem("SettingFont", Settings.Global.FontSize);
Output.innerHTML = Input.value = Settings.Global.FontSize;
RootEle.style.fontSize = Settings.Global.FontSize + "px";
break;
// 获取 //
case "get":
if (SettingFontSize == null) {
if (Settings.Global.FontSize == null) {
toolSettingsFont("reset");
}
Output.innerHTML = Input.value = SettingFontSize;
RootEle.style.fontSize = SettingFontSize + "px";
Output.innerHTML = Input.value = Settings.Global.FontSize;
RootEle.style.fontSize = Settings.Global.FontSize + "px";
break;
// 显示数值 //
case "show":
@@ -30,21 +61,18 @@ function toolSettingsFont(mode) {
break;
// 设置 //
case "set":
SettingFontSize = Input.value;
localStorage.setItem("SettingFont", SettingFontSize);
RootEle.style.fontSize = SettingFontSize + "px";
Settings.Global.FontSize = Input.value;
localStorage.setItem("SettingFont", Settings.Global.FontSize);
RootEle.style.fontSize = Settings.Global.FontSize + "px";
break;
default:
break;
}
}
toolSettingsFont("get");
/* --------------- */
/* Unix 时间戳转换 */
/* --------------- */
// 函数：将传入的时间转换为时间戳 //
// 将传入的时间转换为时间戳 //
function toolUnixTimeToUnix(GetTime, isMillisecond) {
var Time = new Date(); // 创建 Date 对象
// 根据 GetTime 设置时间 //
@@ -70,7 +98,7 @@ function toolUnixTimeToUnix(GetTime, isMillisecond) {
}
}
// 函数：将传入的时间戳转换为时间 //
// 将传入的时间戳转换为时间 //
function toolUnixTimeToTime(GetUnix, isMillisecond) {
var Time = new Date(); // 创建 Date 对象
// 根据 isMillisecond 确认输入的单位
@@ -114,7 +142,7 @@ function toolUnixTimeToTime(GetUnix, isMillisecond) {
return TimeYear + "-" + TimeMonth + "-" + TimeDate + " " + TimeHour + ":" + TimeMinute + ":" + TimeSecond;
}
// 按钮：当前 //
// 当前 //
function toolUnixTimeNow() {
var GetInputA = document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0]; // 输入框 A
var GetInputB = document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0]; // 输入框 B
@@ -133,7 +161,7 @@ function toolUnixTimeNow() {
GetInputB.value = toolUnixTimeToTime(new Date().getTime(), true); // 时间
}
// 按钮：转换 //
// 转换 //
function toolUnixTimeSubmit() {
var GetInputA = document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0]; // 输入框 A
var GetInputB = document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0]; // 输入框 B
@@ -162,9 +190,7 @@ function toolUnixTimeClear() {
document.querySelector("#tool-unixtime-output-b input").value = ''; // 清空输出框 B
}
/* ---- */
/* 计算 */
/* ---- */
function toolCalculateSubmit() {
GetInput = document.getElementById("tool-calculate-input"); // 算式输入框
@@ -188,9 +214,7 @@ function toolCalculateClear() {
GetResult.innerText = ''; // 清空“结果”
}
/* ---------------- */
/* 生成批量下载链接 */
/* ---------------- */
function toolGenLinkSubmit() {
var VarText = "(*)"; // 变量表示
@@ -340,32 +364,35 @@ function toolGenLinkClear() {
* 065 - 090：A - Z
* 091 - 096：[ - `
* 097 - 122：a - z
* 123 - 127：{ - 空格
* 123 - 127：{ -
*
* @param length 长度
* @param hasNum 是否包含数字（1-包含，0-不包含）
* @param hasChar 是否包含字母（1-包含，0-不包含）
* @param hasSymbol 是否包含其他符号（1-包含，0-不包含）
* @param caseSense 是否大小写敏感（1-敏感，0-不敏感）
* @param lowerCase 是否只需要小写，当 caseSense 为 0 时起作用（1-全部小写，0-全部大写）
* @param hasNum 是否包含数字
* @param hasChar 是否包含字母
* @param hasSymbol 是否包含其他符号
* @param caseSense 是否包含大小写
* @param lowerCase 是否全小写，当 caseSense 为 false 时起作用
*/
function toolGenString(length, hasNum, hasChar, hasSymbol, caseSense, lowerCase) {
var m = "";
if (hasNum == "0" && hasChar == "0" && hasSymbol == "0") return m;
for (var i = length; i >= 0; i--) {
var m = "请选中数字、字母或其他符号的其中一项！";
if (hasNum == false && hasChar == false && hasSymbol == false) {
return m;
}
m = "";
for (var i = length; i > 0; i--) {
var num = Math.floor((Math.random() * 94) + 33);
if (
(
(hasNum == "0") && ((num >= 48) && (num <= 57))
(hasNum == false) && ((num >= 48) && (num <= 57))
) || (
(hasChar == "0") && ((
(hasChar == false) && ((
(num >= 65) && (num <= 90)
) || (
(num >= 97) && (num <= 122)
))
) || (
(hasSymbol == "0") && ((
(hasSymbol == false) && ((
(num >= 33) && (num <= 47)
) || (
(num >= 58) && (num <= 64)
@@ -381,15 +408,47 @@ function toolGenString(length, hasNum, hasChar, hasSymbol, caseSense, lowerCase)
}
m += String.fromCharCode(num);
}
if (caseSense == "0") {
m = (lowerCase == "0") ? m.toUpperCase() : m.toLowerCase();
if (caseSense == false) {
m = (lowerCase == false) ? m.toUpperCase() : m.toLowerCase();
}
return m;
}
/* -------------------- */
function toolGenStringSettings(name) {
var InputSettings = document.querySelectorAll("#genstring-settings p input");
var ObjSettings = Settings.Tool.GenString;
switch (name){
case "length":
ObjSettings.length = InputSettings[0].value;
break;
case "hasNum":
ObjSettings.hasNum = InputSettings[1].checked;
break;
case "hasChar":
ObjSettings.hasChar = InputSettings[2].checked;
break;
case "hasSymbol":
ObjSettings.hasSymbol = InputSettings[3].checked;
break;
case "caseSense":
ObjSettings.caseSense = InputSettings[4].checked;
break;
case "lowerCase":
ObjSettings.lowerCase = InputSettings[5].checked;
break;
default:
break;
}
}
function toolGenStringSubmit() {
var Result = document.querySelector("#genstring-result input");
var ObjSettings = Settings.Tool.GenString;
var Str = toolGenString(ObjSettings.length, ObjSettings.hasNum, ObjSettings.hasChar, ObjSettings.hasSymbol, ObjSettings.caseSense, ObjSettings.lowerCase);
Result.value = Str;
}
/* 新窗口（小窗）中打开 */
/* -------------------- */
function toolNewWindowSubmit() {
var link = document.querySelector("#tool-newwindow-link input").value; // 网址
@@ -410,9 +469,7 @@ function toolNewWindowClear() {
document.querySelectorAll("#tool-newwindow-meta input")[1].value = ""; // 高度
}
/* --------------- */
/* 运行 JavaScript */
/* --------------- */
function toolRunJSSubmit() {
var GetCode = document.querySelector("#tool-runjs-input"); // 代码输入框
@@ -423,3 +480,15 @@ function toolRunJSClear() {
var GetCode = document.querySelector("#tool-runjs-input"); // 代码输入框
GetCode.value = ''; // 清空
}
/* ---- */
/* 事件 */
/* ---- */
/* ---- */
/* 调用 */
/* ---- */
toolSettingsFont("get"); // 读取字体大小

16
js/tool.min.js vendored
View File

@@ -1,6 +1,8 @@
var SettingFontSize=localStorage.getItem("SettingFont");function toolSettingsFont(mode){var RootEle=document.querySelector("html");var Input=document.querySelector(".tool-setting-font p input");var Output=document.querySelector(".tool-setting-font p label");switch(mode){case"reset":SettingFontSize="16";localStorage.setItem("SettingFont",SettingFontSize);Output.innerHTML=Input.value=SettingFontSize;RootEle.style.fontSize=SettingFontSize+"px";break;case"get":if(SettingFontSize==null){toolSettingsFont("reset");}
Output.innerHTML=Input.value=SettingFontSize;RootEle.style.fontSize=SettingFontSize+"px";break;case"show":Output.innerHTML=Input.value;break;case"set":SettingFontSize=Input.value;localStorage.setItem("SettingFont",SettingFontSize);RootEle.style.fontSize=SettingFontSize+"px";break;default:break;}}
toolSettingsFont("get");function toolUnixTimeToUnix(GetTime,isMillisecond){var Time=new Date();Time.setFullYear(GetTime.substring(0,4));Time.setMonth(GetTime.substring(5,7)-1);Time.setDate(GetTime.substring(8,10));Time.setHours(GetTime.substring(11,13));Time.setMinutes(GetTime.substring(14,16));Time.setSeconds(GetTime.substring(17,19));if(isMillisecond==false){var TextLength=Time.getTime().toString().length;return Time.getTime().toString().substring(0,TextLength-3);}else if(isMillisecond==true){var TextLength=Time.getTime().toString().length;return Time.getTime().toString().substring(0,TextLength-3)+"000";}else{return"模式有误！";}}
var Settings={Global:{FontSize:localStorage.getItem("SettingFont")},Tool:{GenString:{length:"8",hasNum:true,hasChar:false,hasSymbol:false,caseSense:true,lowerCase:false}}}
function toTop(){document.body.scrollTop=0;document.documentElement.scrollTop=0;}
function toolSettingsFont(mode){var RootEle=document.querySelector("html");var Input=document.querySelector(".tool-setting-font p input");var Output=document.querySelector(".tool-setting-font p label");switch(mode){case"reset":Settings.Global.FontSize="16";localStorage.setItem("SettingFont",Settings.Global.FontSize);Output.innerHTML=Input.value=Settings.Global.FontSize;RootEle.style.fontSize=Settings.Global.FontSize+"px";break;case"get":if(Settings.Global.FontSize==null){toolSettingsFont("reset");}
Output.innerHTML=Input.value=Settings.Global.FontSize;RootEle.style.fontSize=Settings.Global.FontSize+"px";break;case"show":Output.innerHTML=Input.value;break;case"set":Settings.Global.FontSize=Input.value;localStorage.setItem("SettingFont",Settings.Global.FontSize);RootEle.style.fontSize=Settings.Global.FontSize+"px";break;default:break;}}
function toolUnixTimeToUnix(GetTime,isMillisecond){var Time=new Date();Time.setFullYear(GetTime.substring(0,4));Time.setMonth(GetTime.substring(5,7)-1);Time.setDate(GetTime.substring(8,10));Time.setHours(GetTime.substring(11,13));Time.setMinutes(GetTime.substring(14,16));Time.setSeconds(GetTime.substring(17,19));if(isMillisecond==false){var TextLength=Time.getTime().toString().length;return Time.getTime().toString().substring(0,TextLength-3);}else if(isMillisecond==true){var TextLength=Time.getTime().toString().length;return Time.getTime().toString().substring(0,TextLength-3)+"000";}else{return"模式有误！";}}
function toolUnixTimeToTime(GetUnix,isMillisecond){var Time=new Date();if(isMillisecond==false){GetUnix=GetUnix+"000";Time.setTime(GetUnix);}else if(isMillisecond==true){Time.setTime(GetUnix);}else{Time.setTime("0");}
var TimeYear=Time.getFullYear();var TimeMonth=Time.getMonth()+1;if(TimeMonth<10){TimeMonth="0"+TimeMonth;}
var TimeDate=Time.getDate();if(TimeDate<10){TimeDate="0"+TimeDate;}
@@ -21,13 +23,17 @@ if(GetSettingType[0].checked==true){var GetFirst=parseInt(GetSettingA[1].value);
Num=String.fromCharCode(i);CheckReverse();}}else if(GetFirst>GetLast){GetResult.placeholder="字母先后顺序有误。\n请按此顺序填写：\nA - Z a - z\n例如：\n从 a 到 d\n从 A 到 D\n从 X 到 g";}else if(GetFirst==GetLast){GetResult.placeholder="仅有 1 条链接，无需生成。";}else{GetResult.placeholder="异常。";}}else{GetResult.placeholder="超出范围。";}}else{GetResult.placeholder="类型选择有误";}
GetResult.value=LinkResult;}
function toolGenLinkClear(){var GetResult=document.getElementById("tool-genlink-result");GetResult.value='';GetResult.placeholder="结果";}
function toolGenString(length,hasNum,hasChar,hasSymbol,caseSense,lowerCase){var m="";if(hasNum=="0"&&hasChar=="0"&&hasSymbol=="0")return m;for(var i=length;i>=0;i--){var num=Math.floor((Math.random()*94)+33);if(((hasNum=="0")&&((num>=48)&&(num<=57)))||((hasChar=="0")&&(((num>=65)&&(num<=90))||((num>=97)&&(num<=122))))||((hasSymbol=="0")&&(((num>=33)&&(num<=47))||((num>=58)&&(num<=64))||((num>=91)&&(num<=96))||((num>=123)&&(num<=127))))){i++;continue;}
function toolGenString(length,hasNum,hasChar,hasSymbol,caseSense,lowerCase){var m="请选中数字、字母或其他符号的其中一项！";if(hasNum==false&&hasChar==false&&hasSymbol==false){return m;}
m="";for(var i=length;i>0;i--){var num=Math.floor((Math.random()*94)+33);if(((hasNum==false)&&((num>=48)&&(num<=57)))||((hasChar==false)&&(((num>=65)&&(num<=90))||((num>=97)&&(num<=122))))||((hasSymbol==false)&&(((num>=33)&&(num<=47))||((num>=58)&&(num<=64))||((num>=91)&&(num<=96))||((num>=123)&&(num<=127))))){i++;continue;}
m+=String.fromCharCode(num);}
if(caseSense=="0"){m=(lowerCase=="0")?m.toUpperCase():m.toLowerCase();}
if(caseSense==false){m=(lowerCase==false)?m.toUpperCase():m.toLowerCase();}
return m;}
function toolGenStringSettings(name){var InputSettings=document.querySelectorAll("#genstring-settings p input");var ObjSettings=Settings.Tool.GenString;switch(name){case"length":ObjSettings.length=InputSettings[0].value;break;case"hasNum":ObjSettings.hasNum=InputSettings[1].checked;break;case"hasChar":ObjSettings.hasChar=InputSettings[2].checked;break;case"hasSymbol":ObjSettings.hasSymbol=InputSettings[3].checked;break;case"caseSense":ObjSettings.caseSense=InputSettings[4].checked;break;case"lowerCase":ObjSettings.lowerCase=InputSettings[5].checked;break;default:break;}}
function toolGenStringSubmit(){var Result=document.querySelector("#genstring-result input");var ObjSettings=Settings.Tool.GenString;var Str=toolGenString(ObjSettings.length,ObjSettings.hasNum,ObjSettings.hasChar,ObjSettings.hasSymbol,ObjSettings.caseSense,ObjSettings.lowerCase);Result.value=Str;}
function toolNewWindowSubmit(){var link=document.querySelector("#tool-newwindow-link input").value;var width=document.querySelectorAll("#tool-newwindow-meta input")[0].value;var height=document.querySelectorAll("#tool-newwindow-meta input")[1].value;if(width==""){width=400;}
if(height==""){height=300;}
window.open(link,"_blank","height="+height+", width="+width+", toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=yes, status=yes");}
function toolNewWindowClear(){document.querySelector("#tool-newwindow-link input").value="";document.querySelectorAll("#tool-newwindow-meta input")[0].value="";document.querySelectorAll("#tool-newwindow-meta input")[1].value="";}
function toolRunJSSubmit(){var GetCode=document.querySelector("#tool-runjs-input");eval(GetCode.value);}
function toolRunJSClear(){var GetCode=document.querySelector("#tool-runjs-input");GetCode.value='';}
toolSettingsFont("get");

34
tool.html
View File

@@ -159,7 +159,7 @@
</p>
<p>
<input type="checkbox" name="genlink-settings-a-reverse" id="genlink-settings-a-zero" />
<label for="genlink-settings-a-zero">补0（暂不支持负数）&nbsp;</label>
<label for="genlink-settings-a-zero">补0（不支持负数）&nbsp;</label>
<input type="checkbox" name="genlink-settings-a-reverse" id="genlink-settings-a-reverse" />
<label for="genlink-settings-a-reverse">倒序</label>
</p>
@@ -175,7 +175,7 @@
</p>
<p>
<input type="checkbox" name="genlink-settings-b-reverse" id="genlink-settings-b-zero" />
<label for="genlink-settings-b-zero">补0（暂不支持负数）&nbsp;</label>
<label for="genlink-settings-b-zero">补0（不支持负数）&nbsp;</label>
<input type="checkbox" name="genlink-settings-b-reverse" id="genlink-settings-b-reverse" />
<label for="genlink-settings-b-reverse">倒序</label>
</p>
@@ -202,17 +202,25 @@
</div>
<!-- 生成随机字符串 -->
<div id="tool-genstring">
<header>生成随机字符串（未完成）</header>
<header>生成随机字符串</header>
<div id="genstring-settings">
<p><b>选项</b></p>
<p>
<input type="checkbox" id="genstring-setting-a" checked /><label for="genstring-setting-a"> 数字</label>
<input type="checkbox" id="genstring-setting-b" /><label for="genstring-setting-b"> 字母</label>
<input type="checkbox" id="genstring-setting-c" /><label for="genstring-setting-c"> 其他符号</label>
<input type="checkbox" id="genstring-setting-d" checked /><label for="genstring-setting-d"> 大小写</label>
<label for="genstring-setting-a">长度：</label>
<input type="text" id="genstring-setting-a" value="8" oninput="toolGenStringSettings('length')" />
</p>
<p>
<input type="checkbox" id="genstring-setting-e" /><label for="genstring-setting-e"> 全小写（选中“大小写”时起作用）</label>
<input type="checkbox" id="genstring-setting-b" checked onchange="toolGenStringSettings('hasNum')" />
<label for="genstring-setting-b">数字</label>
<input type="checkbox" id="genstring-setting-c" onchange="toolGenStringSettings('hasChar')" />
<label for="genstring-setting-c">字母</label>
<input type="checkbox" id="genstring-setting-d" onchange="toolGenStringSettings('hasSymbol')" />
<label for="genstring-setting-d">其他符号</label>
<input type="checkbox" id="genstring-setting-e" checked onchange="toolGenStringSettings('caseSense')" />
<label for="genstring-setting-e">大小写</label>
</p>
<p>
<input type="checkbox" id="genstring-setting-f" onchange="toolGenStringSettings('lowerCase')" />
<label for="genstring-setting-f">全小写（需选中“字母”且不选中“大小写”）</label>
</p>
</div>
<hr />
@@ -220,8 +228,12 @@
<b>结果：</b><input type="text" />
</div>
<hr />
<div>
代码来源：<a href="https://www.cnblogs.com/hankuksui/p/9892729.html" target="_blank">hankuksui</a>
</div>
<hr />
<div class="tool-button">
<div onclick="">生成</div>
<div onclick="toolGenStringSubmit()">生成</div>
</div>
</div>
<!-- 新窗口（小窗）中打开 -->
@@ -254,7 +266,7 @@
</div>
</div>
<!-- 返回顶部 -->
<div class="to-top" onclick="document.body.scrollTop = 0; document.documentElement.scrollTop = 0;">▲</div>
<div class="to-top" onclick="toTop()">▲</div>
<!-- 背景 -->
<div class="page-background"></div>
<!-- JavaScript -->