Board logo

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

作者: zzz19760225    时间: 2024-3-5 10:16     标题: [已解决] 请问hta程序链接点击,怎么在hta内部打开,而不会跳转到浏览器打开?

本帖最后由 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界面内打开,谢谢路过的大佬,老师,.......
作者: aloha20200628    时间: 2024-3-5 14:14


如下代码存为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>
复制代码

作者: zzz19760225    时间: 2024-3-5 14:36

谢谢,这下可以把<三国演义-铁笼山>,做成一个文件夹显示了。
作者: zzz19760225    时间: 2024-3-5 15:05

本帖最后由 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>
复制代码





欢迎光临 批处理之家 (http://bbs.bathome.net/) Powered by Discuz! 7.2