我想打开一个新选项卡并立即运行一个函数

Question

我希望用户可以在多个链接/按钮之间进行选择。每个按钮都会打开相同的新选项卡，但是根据您之前按下的按钮，新网页应该运行不同的功能。那可能吗？

Answer 1

好吧，我想我会尝试写它。

每次使用其中一个按钮加载同一页面时，您都可以将唯一的文本附加到 URL。

例如，您将拥有这些页面的 3 个链接。

<a href="index.html?firstLink" target="_blank">Click me</a>

<a href="index.html?secondLink" target="_blank">Click me</a>

<a href="index.html?thirdLink" target="_blank">Click me</a>

这是整个 HTML 部分。现在介绍 JavaScript。

在 JS 中，您只需捕获当前的url.

您可以通过使用来做到这一点window.location.href。

接下来您需要做的是拆分符号url上的?字符串。

这将返回一个包含 2 个元素的数组（例如，第一个元素是index.html，第二个元素是firstLink）。

if现在您所要做的就是将该数组的第二个值存储到一个变量中，然后根据您包含的内容使用不同的函数创建一堆语句url。

这是 HTML 示例代码：

<a href="index.html?first" target="_blank">link 1</a>

<a href="index.html?second" target="_blank">link 2</a>

<a href="index.html?third" target="_blank">link 3</a>

这是JS示例代码：

let url = window.location.href;

let splitIt = url.split('?');

console.log(splitIt)

let getWord = splitIt[1];

if(getWord == 'first'){

    alert('radi');

}

if(getWord == 'second'){

    alert('radi i ovo');

}