一个HTA写的英文字母大小写转换小程序(2)

最新推荐文章于 2021-07-16 01:17:32 发布
最新推荐文章于 2021-07-16 01:17:32 发布
阅读量241 收藏
点赞数
分类专栏： HTA JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhshspark/article/details/116566816
版权
HTA 同时被 2 个专栏收录
2 篇文章 0 订阅
订阅专栏
JS
2 篇文章 0 订阅
订阅专栏
一、与前一个版本的不同
  • 将网页中的button标签换成了a标签，方便后续美化
  • 从网上找了关于限制页面缩放的代码，防止通过Ctrl+鼠标滚轮进行页面缩放
  • 防止通过页面最大化或拖动窗口边缘改变窗口大小
二、代码

main.hta

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, target-densitydpi=device-dpi" />
    <title>String Convert Tool V1.0</title>
    <script type="text/javascript" src="./JS/main.js"></script>
    <link rel="stylesheet" type="text/css" href="main.css">

    <!-- 下面这些HTA窗口样式的属性，需要把上面<meta http-equiv="X-UA-Compatible" content="ie=edge" />注释掉才能显现，这是兼容性问题 -->
    <HTA:APPLICATION
        APPLICATIONNAME="String Convert Tool" 
        BORDER="dialog" 
        BORDERSTYLE="complex" 
        CAPTION="yes"
        CONTEXTMENU="no"
        INNERBORDER="yes" 
        ID="oHTA" 
        ICON="#"
        MAXIMIZEBUTTON="no" 
        MINIMIZEBUTTON="no"
        NAVIGABLE="no"
        SCROLL="no" 
        SCROLLFLAT="no"
        SELECTION="no"
        SYSMENU="yes" 
        SINGLEINSTANCE="yes"
        SHOWINTASKBAR="yes"
        VERSION="1.0"
        WINDOWSTATE="normal"
    />
</head>

<body>
    <center>
        <div id="inputBox">
            <textarea id="txtPaste" placeholder="粘贴待转换的英文到这里..."></textarea>
        </div>
        <div id="buttonArea1">     
            <a id="btnToUpper" onclick="funToUpper()" href="#">全部字母大写</a>
            <a id="btnToLower" onclick="funToLower()" href="#">全部字母小写</a>
            <a id="btnOnlyFirstCharUpper" onclick="funOnlyFirstCharUpper()" href="#">仅首字母大写</a>
            <a id="btnEachWordUpper" onclick="funEachWordUpper()" href="#">每个单词大写</a>       
        </div>
        <div id="buttonArea2">
            <a id="btnClearPaste" onclick="funClearPaste()" href="#">清除所有内容</a>
            <a id="btnLeftTrim" onclick="funLeftTrim()" href="#">清除左侧空格</a>
            <a id="btnRightTrim" onclick="funRightTrim()" href="#">清除右侧空格</a>
            <a id="btnTrim" onclick="funTrim()" href="#">清除两侧空格</a>
        </div>

        <div>
            <textarea id="txtCopy" readonly placeholder="转换好的英文在这里..."></textarea>
        </div> 
        <div>
            <a id="btnCopyExit" onclick="funCopyExit()" href="#">拷贝并退出</a>
        </div>
    </center>
    
    <!-- 当页面加载完毕后执行Paste，自动将剪切板中的内容Paste到文本框。 -->
    <script type="text/javascript">
        var obj = document.getElementById("txtPaste");
        obj.focus();
        document.execCommand("paste");
        funToUpper();
    </script>
</body>

</html>

main.js

//resize the window
window.resizeTo(600, 400);

// 判断pc浏览器是否缩放，若返回100则为默认无缩放，如果大于100则是放大，否则缩小
function detectZoom() {
    var ratio = 0,
        screen = window.screen,
        ua = navigator.userAgent.toLowerCase();

    if (window.devicePixelRatio !== undefined) {
        ratio = window.devicePixelRatio;
    }
    else if (~ua.indexOf('msie')) {
        if (screen.deviceXDPI && screen.logicalXDPI) {
            ratio = screen.deviceXDPI / screen.logicalXDPI;
        }
    }
    else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
        ratio = window.outerWidth / window.innerWidth;
    }

    if (ratio) {
        ratio = Math.round(ratio * 100);
    }
    console.log(window.devicePixelRatio, 123)
    return ratio;
};
// window.onresize 事件可用于检测页面是否触发了放大或缩小。
window.addEventListener('resize', function () {
    isScale();
})
isScale();
//判断PC端浏览器缩放比例不是100%时的情况
function isScale() {
    var rate = detectZoom(),
        isMac = /macintosh|mac os x/i.test(navigator.userAgent); // Mac默认缩放值为200，windows默认为100，需要分开判断
    if ((isMac && rate !== 200) || (!isMac && rate !== 100)) {
        //如何让页面的缩放比例自动为100,'transform':'scale(1,1)'没有用，又无法自动条用键盘事件，目前只能提示让用户如果想使用100%的比例手动去触发按ctrl+0
        alert('当前页面不是100%显示，请按键盘ctrl/command + 0恢复100%显示标准，以防页面显示错乱！')
    }
}
// 阻止pc端浏览器缩放js代码
// 由于浏览器菜单栏属于系统软件权限，没发控制，我们着手解决ctrl/cammond + +/- 或 Windows下ctrl + 滚轮 缩放页面的情况，只能通过js来控制了
document.addEventListener('DOMContentLoaded', function (event) {
    // chrome 浏览器直接加上下面这个样式就行了，但是ff不识别
    document.body.style.zoom = 'reset';
    document.addEventListener('keydown', function (event) {
        if ((event.ctrlKey === true || event.metaKey === true)
            && (event.which === 61 || event.which === 107
                || event.which === 173 || event.which === 109
                || event.which === 187 || event.which === 189)) {
            event.preventDefault();
        }
    }, false);
    var scrollFunc = function (event) {
        event = event || window.event;
        if (event.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件
            if (event.ctrlKey === true || event.metaKey) {
                event.preventDefault();
            }
        }
    };
    //给页面绑定滑轮滚动事件
    if (document.addEventListener) {
        document.addEventListener('DOMMouseScroll', scrollFunc, false);
    }
    //滚动滑轮触发scrollFunc方法
    window.onmousewheel = document.onmousewheel = scrollFunc;
}, false);

//禁止window窗口变化
window.onresize=function(){
    window.resizeTo(600,400);
}

//自定义function方法，浏览器不支持trim
function myTrim(x) {
    return x.replace(/^\s+|\s+$/gm, '');
}

function myLeftTrim(x){
    return x.replace(/(^\s*)/g,'');
}

function myRightTrim(x){
    return x.replace(/(\s*$)/g,'');
}

//与画面相关的function
function funLeftTrim(){
    document.getElementById("txtCopy").value=myLeftTrim(document.getElementById("txtCopy").value);
}

function funRightTrim() {
    document.getElementById("txtCopy").value=myRightTrim(document.getElementById("txtCopy").value);
}

function funTrim() {
    document.getElementById("txtCopy").value=myTrim(document.getElementById("txtCopy").value);
}

function funClearPaste(){
    document.getElementById("txtPaste").value="";
    document.getElementById("txtCopy").value="";
}

function funToUpper() {
    var str=document.getElementById("txtPaste").value;
    document.getElementById("txtCopy").value=String(str).toUpperCase();
}

function funToLower() {
    var str=document.getElementById("txtPaste").value;
    document.getElementById("txtCopy").value=String(str).toLowerCase();
}

function funOnlyFirstCharUpper() {
    var str=myTrim(document.getElementById("txtPaste").value);
    if (String(str).length<1) {
        document.getElementById("txtCopy").value="";
    }
    else{
        document.getElementById("txtCopy").value=String(str).charAt(0).toUpperCase()+String(str).substring(1).toLowerCase();
    }    
}

function funEachWordUpper() {
    var str = myTrim(document.getElementById("txtPaste").value);
    if (String(str).length<1) {
        document.getElementById("txtCopy").value="";
        return;
    }
    
    var res=String(str).charAt(0).toUpperCase();
    for (var index = 1; index < String(str).length; index++) {
        if (String(str).charAt(index-1)==' ' || String(str).charAt(index-1)=='\n') {
            res+=String(str).charAt(index).toUpperCase();
        }else{
            res+=String(str).charAt(index);            
        }

    }
    document.getElementById("txtCopy").value= res;
}

function funCopyExit() {
    var obj=document.getElementById("txtCopy");   
    obj.select();
    document.execCommand("copy");
    window.close();
}

main.css

* {
    padding: 0;
    margin: 0;
}

#buttonArea1 {
    margin: 5px;
}
#buttonArea2 {
    margin-bottom: 5px;
}

#btnCopyExit {
    display: block;
    height: 40px;
    margin-top: 10px;
}

a {
    display:inline-block;
    background-color:palevioletred;
    height: 35px;
    width: 100px;
    color: white;
    text-decoration: none;
    line-height: 40px;
}

a:hover {
    background-color: deepskyblue;
}

textarea {
    width:550px;
    height: 100px;
}
三、更改后的页面效果

在这里插入图片描述

Leonard_Spark
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
hta程序应用
墨痕诉清风的博客
09-24 552
html执行时调用浏览器打开，而hta则由windows的mshta.exe执行。内容由powershell代码执行反弹，内容为base64编码。其实就是html文件，将后缀改为hta即可。将hta文件发送到目标机器执行即可得到反弹。
jingxi.rar_hta_女朋友小程序
09-24
想给你女朋友一个惊喜吗?一个小程序让你实现这个愿望．粘贴到记事本里面，另存为，再把文件名的后缀名改为hta就OK了,效果自己双击就看的到，成功编辑以后，想关掉他可以按ALT+F4
HTA（html应用程序）攻击
Zlirving_的博客
02-23 3568
HTA 介绍 HTA是HTML Application的缩写（HTML应用程序），是软件开发的新概念，直接将HTML保存成HTA的格式，就是一个独立的应用软件，与VB、C++等程序语言所设计的软件界面没什么差别 大多数的Windows操作系统都支持Hta文件执行，可双击运行hta应用或命令行窗口mshta.exe解析执行文件，这里的.hta文件可以是本地的也可以是可访问的远程主机上的 HTA虽然用HTML、JS和CSS编写，却比普通网页权限大得多。它具有桌面程序的所有权限（读写文件、操作注册表等） HTA
计算机定时关机小程序,hta实现的定时关机小程序
weixin_39713814的博客
07-16 271
定时关机小程序界面：实现代码：定时关机小程序APPLICATIONNAME="HTA Test"Borde="thin"BorderStyle="raised"ICON="C:\WINDOWS\SYSTEM32\control.exe"SCROLL="no"SINGLEINSTANCE="yes"MaximizeButton="no"MinimizeButton="no"WINDOWSTATE="...
浅谈HTA(HTML Application)和病毒
yunxiang1224的博客
03-19 2420
一 HTA是什么 HTA是HTML应用程序（HTML Application）的缩写，可以使用html中的绝大多数标签、脚本等。直接将HTML保存成HTA的格式，就是一个能够独立运行的应用软件。 与普通HTML网页相比，它多了个HTA:APPLICATION标签，其实就是这个标签提供了一系列面向应用程序的功能。最重要的是：它能够让你访问客户的机器，而不用担心安全的限制。 运行后缀名为hta的文...
好玩的小程序 用hta做的（非原创）
05-09
好玩的小程序 用hta做的 好玩的小程序 用hta做的
HTA小程序
05-29
个人小程序 初学者 请多多关照
进制转换小程序(HTA)
06-29
我是做工程的，经常要用到数制转换，自己写的小程序。
HTA程序
12-13
HTA程序
hta格式程序详解
07-22
适合初学者。本学习资料仅对HTA格式的程序进行了大概的解说，可以自己创建一个HTA格式的程序
HTA+EasyUI桌面程序
03-23
用户名密码都是admin，只做了一个fragment框架。里面的东西自己填
3种JS+CSS下拉菜单select美化代码
01-23
3种JS+CSS下拉菜单select美化代码
HTA的简单应用
aome1470的博客
11-04 494
HTA简介：HTA是HTML Application的缩写（HTML应用程序），是软件开发的新概念，直接将HTML保存成HTA的格式，就是一个独立的应用软件，与VB、C++等程序语言所设计的软件没什么差别。下面是一个HTA的例子：<!—example1.hta--><html><head> <title>第一个HTA的例子</t...
一个有意思的 hta 程序 （html application）
weixin_33989058的博客
11-04 480
哈哈，刚才同事给我讲了一个hta 程序，他自己说最近在学html5 开发坦克大战，不错，这种好奇心， 好学的精神值得我这个程序员学习，感觉他的视野面比我这个程序员还广，有点小惭愧。 什么是hta 呢？（其实说白了，就是html+javascript +css）只不过，宿主环境不是浏览器，而是桌面程序！！   百度百科： HTA是HTML Application的缩写（HTML应用程序），是软件开发...
node-v9.6.0-x86.msi
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
Python基于机器学习的分布式系统故障诊断系统源代码，分布式系统的故障数据进行分析，设计故障诊断模型，高效地分析并识别故障类别
04-29
基于技术手段（包括但不限于机器学习、深度学习等技术）对分布式系统的故障数据进行分析，设计故障诊断模型，高效地分析并识别故障类别，实现分布式系统故障运维的智能化，快速恢复故障的同时大大降低分布式系统运维工作的难度，减少运维对人力资源的消耗。在分布式系统中某个节点发生故障时，故障会沿着分布式系统的拓扑结构进行传播，造成自身节点及其邻接节点相关的KPI指标和发生大量日志异常
JavaScript前端开发的核心语言前端开发的核心语言
最新发布
04-29
javascript 当今互联网时代，JavaScript已经成为了前端开发的核心语言它是一种高级程序设计语言，通常用于网页的交互和动态效果的实现。JavaScript的灵活性以及广泛的使用使得它变得异常重要，能够为用户带来更好的用户体验。 JavaScript的特点之一是它的轻量级，它可以在网页中运行无需单独的编译或下载。这意味着网页可以更快地加载并且用户无需安装额外的软件才能运行网页上的JavaScript代码。此外，与HTML和CSS紧密结合，可以直接在HTML文档中嵌入，使得网页的开发变得非常便捷。 JavaScript具有动态性，它可以在浏览器中实时修改页面内容和样。它可以通过操作DOM（文档对象模型来动态地修改网页的结构和布局，并且可以根据用户的行为实时地响应各种事件，如点击、标悬停、滚动等。这使得开发者可以轻松地为网页添加交互性和动态效果，提供更好的用户体验。 JavaScript也是一种面向对象的语言。它支持对象、类、继承、多态等面向对象编程的概念，使得代码结构更加清晰和可维护。开发者可以创建自定义的对象和方法，对功能进行封装和复用，提高代码的可读性和可维护性。
四则运算自动生成程序安装包
04-29
四则运算自动生成程序安装包
hta代码中怎么使用JavaScript脚本
05-31
2. 在 HTML 文件中引入外部 JavaScript 文件： ``` 脚本文件路径"> ``` 3. 在 HTML 标签中使用事件属性绑定 JavaScript 代码： ``` 代码">按钮 ``` 4. 在 URL 中使用 JavaScript 代码： ``` 代码">链接 ``` 需要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值