单击按钮时如何在客户端计算机上的新选项卡中打开 URL

Question

希望你一切顺利，我正在开发一个项目，其中有一个按钮可以单击该文本，因此当我单击该按钮时，URL 应该在客户端计算机的新选项卡中打开，但它是在部署代码的服务器端，请尝试提供解决方案，以便我只能在客户端计算机上的下一个选项卡中打开 URL。

问题陈述：

目标：单击按钮时在客户端计算机上的新选项卡中打开 URL。

当前问题：URL 在部署代码的服务器端打开，而不是在客户端打开。

当在本地环境中运行时，它可以正确运行，对于 html 文件，我运行 apache 并使用 localhost:8080 按预期工作。当我将 url 更改为域名并部署在服务器上时，它不在客户端工作，而是在服务中打开浏览器。

我尝试了几种方法，包括下面的代码，它在服务器端打开 URL。

import web browser  #library to open url in browser
if user_query.lower() == "click here":  # when user query is click here
    url = "http://domainname/MyApp/file.html"  #it should open this url in client side only
    webbrowser.open(url)

我对 html 代码、子进程、paromik 和flask 进行了更改，以便重定向可以工作，但它没有按预期工作。

Answer 1

您可以使用“a”标签，将其设计为按钮并添加“_blank”属性来指定重定向

或者如果你绝对想使用按钮标签，js可以进行重定向:

const 按钮 = document.querySelector('#myButton');

button.addEventListener('click', function() { window.open('https://www.yourlink.com', '_blank'); });