批处理之家 - Powered by Discuz! Board

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

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

本帖最后由 zzz19760225 于 2024-3-5 14:33 编辑

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

<!DOCTYPE html>
<html>
<head>
</head>
<body>

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

</body>
</html>
复制代码

当我点击打开的hta界面里“图片1”的文字链接，它直接跑到浏览器打开。
我希望在hta界面内打开，谢谢路过的大佬，老师，.......

作者: aloha20200628 时间: 2024-3-5 14:14

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

<button id="b" onclick="seePhoto()">图片</button><img id="p" />
<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

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

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

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

<!DOCTYPE html>
<html>
<head>
<hta:application navigable = "yes" />
</head>
<body>
 
<p><a href="file://D:\dos\html/2.jpg">图片1</a> 
 
</body>
</html>
复制代码

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

<!DOCTYPE html>
<html lang="en">
<head>

<title>Button Image Display</title>
<script>
function displayImage(buttonId) {
    var button = document.getElementById(buttonId);
    var image = document.createElement('img');
    image.src = button.getAttribute('data-image');
    var text = document.createTextNode(button.getAttribute('data-text'));
 
    // 清除之前的内容（如果有的话）
    var container = document.getElementById('image-container');
    container.innerHTML = '';
 
    // 添加图片和文字到容器
    container.appendChild(image);
    container.appendChild(text);
}
</script>
</head>
<body>
 
<button id="button1" data-image="D:\dos\html/1.jpg" data-text="Image 1" onclick="displayImage(this.id)">Show Image 1</button>
<button id="button2" data-image="D:\dos\html/2.jpg" data-text="Image 2" onclick="displayImage(this.id)">Show Image 2</button>
 
<div id="image-container"></div> <!-- 图片和文字会显示在这里 -->
 
</body>
</html>
复制代码

欢迎光临批处理之家 (http://bbs.bathome.net/)