从另一个页面调用页面的js函数

时间:2017-10-31 18:58:43

标签: javascript html

我在索引页面中有这个功能,它显示页面的一部分并隐藏另一个:

<li><a href="index.html#offers" onclick="switchTab()">NEWS</a></li>

现在我想从菜单栏跳转到索引页面的某个部分,所以我使用了这个href:

function clicked() {
    var input_value = document.querySelectorAll('#data, #data1, #data2, #data3, #data4').value;
    console.log(input_value)
}

document.getElementById('btn').addEventListener('click', clicked);

我可以看到我必须使用该功能来反映这部分。

问题是这在索引页面中工作正常,因为函数在索引页面中,但当我点击另一页面上菜单栏上的新闻时,它只需要我到索引页面而不是部分我想要在索引页面。

有没有办法让它发挥作用?任何想法?

注意:我尝试将此函数添加到其他页面但仍然具有相同的结果,我认为这是因为该函数应该在索引页面中调用,而在其他页面中没用。

这是索引页面中的选项卡,该函数关闭旧的并打开我点击的那个,我想从另一个页面转到索引页面中的一个选项卡。 the tabs in the index page

当用户点击其他页面菜单栏中的新闻时,我想直接切换到新闻标签。

有没有办法可以编写一个首先加载索引页的js而不是调用函数?

1 个答案:

答案 0 :(得分:0)

你必须创建一个像app.js或其他文件的javascript文件,然后像这样包含脚本标记:

import groovyx.net.http.*

def http = new HTTPBuilder('http://httpbin.org/get')

println "Ready."

在app.js中你可以在文档中声明你的功能。

<script src="app.js"></script>