找回密码
 注册
搜索
[新手上路]批处理新手入门导读[视频教程]批处理基础视频教程[视频教程]VBS基础视频教程[批处理精品]批处理版照片整理器
[批处理精品]纯批处理备份&还原驱动[批处理精品]CMD命令50条不能说的秘密[在线下载]第三方命令行工具[在线帮助]VBScript / JScript 在线参考
查看: 22184|回复: 3

[其他] [已解决] 请问hta程序链接点击,怎么在hta内部打开,而不会跳转到浏览器打开?

[复制链接]
发表于 2024-3-5 10:16:32 | 显示全部楼层 |阅读模式
本帖最后由 zzz19760225 于 2024-3-5 14:33 编辑

文件夹
D:\dos\html/2.jpg


  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. </head>
  5. <body>

  6. <p><a href="file://D:\dos\html/2.jpg">图片1</a>

  7. </body>
  8. </html>

复制代码
当我点击打开的hta界面里“图片1”的文字链接,它直接跑到浏览器打开。
我希望在hta界面内打开,谢谢路过的大佬,老师,.......
发表于 2024-3-5 14:14:02 | 显示全部楼层

如下代码存为test.hta,直接在命令行运行,打开网页窗口,点击'图片'按钮,即可显示代码中指定的图片
因hta脚本对网页格式要求比较宽松,仅作示例故省略了html/head/body/...节点

  1. <button id="b" onclick="seePhoto()">图片</button><img id="p" />
  2. <script>function seePhoto () { p.src="D:/dos/html/2.jpg"; }</script>
复制代码

评分

参与人数 1技术 +1 收起 理由
zzz19760225 + 1 谢谢,可以显示图片了。

查看全部评分

 楼主| 发表于 2024-3-5 14:36:35 | 显示全部楼层
谢谢,这下可以把<三国演义-铁笼山>,做成一个文件夹显示了。
 楼主| 发表于 2024-3-5 15:05:44 | 显示全部楼层
本帖最后由 zzz19760225 于 2024-3-9 09:18 编辑

回复 2# aloha20200628

我在标签名字后面加识别数字,不能两个都显示,请问是不是没有这个功能啊,还是可能有什么奥妙?


  1. <button id="b1" onclick="seePhoto()">三国演义-铁笼山1</button><img id="p1" width="480" height="360"/>
  2. <script>function seePhoto () {
  3. p1.src="E:/图/三国演义-铁笼山/三国演义-铁笼山1.jpg";
  4. }</script>

  5. <button id="b2" onclick="seePhoto()">三国演义-铁笼山2</button><img id="p2" width="480" height="360"/>
  6. <script>function seePhoto () {
  7. p2.src="E:/图/三国演义-铁笼山/三国演义-铁笼山2.jpg";
  8. }</script>

复制代码


  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <hta:application navigable = "yes" />
  5. </head>
  6. <body>

  7. <p><a href="file://D:\dos\html/2.jpg">图片1</a>

  8. </body>
  9. </html>

复制代码
好像可以在里面加一句hta的设置,设置页面内执行。
不过大佬士如何在设置没有改动,默认跳出的情况,也能实现内部显示的呢。


  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>

  4. <title>Button Image Display</title>
  5. <script>
  6. function displayImage(buttonId) {
  7.     var button = document.getElementById(buttonId);
  8.     var image = document.createElement('img');
  9.     image.src = button.getAttribute('data-image');
  10.     var text = document.createTextNode(button.getAttribute('data-text'));

  11.     // 清除之前的内容(如果有的话)
  12.     var container = document.getElementById('image-container');
  13.     container.innerHTML = '';

  14.     // 添加图片和文字到容器
  15.     container.appendChild(image);
  16.     container.appendChild(text);
  17. }
  18. </script>
  19. </head>
  20. <body>

  21. <button id="button1" data-image="D:\dos\html/1.jpg" data-text="Image 1" onclick="displayImage(this.id)">Show Image 1</button>
  22. <button id="button2" data-image="D:\dos\html/2.jpg" data-text="Image 2" onclick="displayImage(this.id)">Show Image 2</button>

  23. <div id="image-container"></div> <!-- 图片和文字会显示在这里 -->

  24. </body>
  25. </html>

复制代码
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|批处理之家 ( 渝ICP备10000708号 )

GMT+8, 2026-3-18 04:22 , Processed in 0.020623 second(s), 9 queries , File On.

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表