首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >按下JavaScript按钮,在新页面上显示不同的内容

按下JavaScript按钮,在新页面上显示不同的内容
EN

Stack Overflow用户
提问于 2022-04-24 08:21:48
回答 2查看 30关注 0票数 0

我正在创建一个有免费编辑的网站。网站是http://pozzistore.com。编辑器,因为我使用的是免费版本,允许我只有5页,但我需要更多。

如果你访问我的网站,在主页上你会看到不同的按钮将你带到不同的页面,这就是我的问题:没有使用4种不同的页面,而是有一种方法可以使用JavaScript来检查按下哪个按钮,打开一个新页面并显示特定的内容?

我的意思是,这是我网站上的两个不同的页面:

http://pozzistore.com/P1.html

http://pozzistore.com/P2.html

要访问此页面,必须单击两个不同的按钮。我希望JavaScript检查按下的按钮并打开一个新页面,例如,如果我按下新页面上的第一个按钮,它将显示http://pozzistore.com/P1.html,如果我按下同一页上的第二个按钮,则显示http://pozzistore.com/P2.html

我不能使用PHP,因为我使用GitHub托管网站,所以我没有Apache。

EN

回答 2

Stack Overflow用户

发布于 2022-04-24 08:46:33

您可以使用open()方法。

代码语言:javascript
运行
复制
<button onclick="openTab('myurl.com/path/to/the/first/page')">First page</button>
<button onclick="openTab('myurl.com/path/to/the/second/page')">Second page</button>
<button onclick="openTab('myurl.com/path/to/the/third/page')">Third page</button>
...
代码语言:javascript
运行
复制
let tab=open();//that code open a new empty page at the begining, returns a `window` object (so you can use tab.alert(), tab.consloe.log() etc.)
function openTab(url) {
 tab.location.href=url; //use the window.location object
  }
票数 0
EN

Stack Overflow用户

发布于 2022-04-24 08:57:22

您可以通过以下方式获取Url并访问其最后一部分:例如,如果这是您的url:http://pozzistore.com/P1.html

代码语言:javascript
运行
复制
let url = window.location.href.split("/");
let page = url[url.length - 1];
if (page === "P1.html") {
  ...
} else if (...) { ... }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71986667

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档