我如何單擊另一個頁面的鏈接，其中包含當前頁面中的功能

Question

有2頁。 main.jsp和list.jsp

當我在main.jsp中執行goPage（）時，我想創建單擊list.jsp的nav> ul> li（2）事件。

因為list.jsp通過單擊javascript函數顯示信息，所以當我輸入list.jsp時需要單擊

所以無論如何如果我可以在list.jsp中顯示元素，那將是很棒的

這是main.jsp

<body>
<div class="main_wrap">
    <div class="sub1"><div class="main_title1"><a href="javascript:goPage();" onclick="callChart(50035); callPie(50035); callMap(50035); callTitle('살인');">월별 통계</a></div></div>
    <div class="sub2"><div class="main_title2"><a href="javascript:goPage();" onclick="callChart(50035); callPie(50035); callMap(50035); callTitle('살인');">발생 현황</div></div>
</div>
<script type="text/javascript">
function goPage() {
    location.href="list.jsp";

}
</script>
</body>

這是list.jsp的所有功能都位於每個scrript文件中。

<body>
<div class="wrap">
    <div class="title">발생현황</div>
    <nav>
        <ul>
            <li><a href="main.jsp"><img src="css/f4f0edb08c97567ce6b0475a63bf7000.png" alt="Italian Trulli" width="50px" height="30px"></img></a></li>
            <li><a href="javascript:void(0);" onclick="callChart(50035); callPie(50035); callMap(50035); callTitle('살인');">살인</a></li>
            <li><a href="javascript:void(0);" onclick="callChart(50047); callPie(50047); callMap(50047); callTitle('절도');">절도</a></li>
            <li><a href="javascript:void(0);" onclick="callChart(50033); callPie(50033); callMap(50033); callTitle('강간');">강간</a></li>
            <li><a href="javascript:void(0);" onclick="callChart(50039); callPie(50039); callMap(50039); callTitle('강도');">강도</a></li>
        </ul>
    </nav>

    <div class="chart_map">
        <span class="div_sub1">지도 전국 범죄율</span>
        <div class='korea'></div>
    </div>

    <div class="chart_pie">
        <span class="div_sub1">검거자</span>
        <div class="pie_arrests"></div>
    </div>

    <script src="js/pie_period.js?v=<%=System.currentTimeMillis() %>"></script>
    <script src="js/pie_arrests.js?v=<%=System.currentTimeMillis() %>"></script>
    <script src="js/korea_map.js?v=<%=System.currentTimeMillis() %>"></script>

</div>
</body>

Answer 1

與其嘗試在單擊list.jsp時不嘗試單擊， list.jsp嘗試在加載list.jsp時運行相同的代碼，因此可以在文件中添加以下內容：

<!-- list.jsp -->
<script type="text/javascript">
  window.addEventListener("load", function(event) {
    callChart(50035);
    callPie(50035);
    callMap(50035);
    callTitle('살인');
  });
</script>

Answer 2

您可能會喜歡：

使用查詢字符串重定向到list.jsp
如果查詢字符串帶有特定鍵-單擊按鈕

代碼示例在主頁上：

function goPage() {
    location.href="list.jsp?doclick=1";
}

在列表頁面上：

document.addEventListener('DOMContentLoader', function () {
    const urlParams = new URLSearchParams(window.location.search);
    const myParam = urlParams.get('doclick');
    if(myParam == 1) {
      callChart(50033); 
      callPie(50033); 
      callMap(50033); 
      callTitle('강간');
    }
});

我如何單擊另一個頁面的鏈接，其中包含當前頁面中的功能

問題描述

2 個解決方案

解決方案1
0 已采納 2018-12-17 07:57:57

解決方案2
0 2018-12-17 07:59:36

我如何單擊另一個頁面的鏈接，其中包含當前頁面中的功能

問題描述

2 個解決方案

解決方案1 0 已采納 2018-12-17 07:57:57

解決方案2 0 2018-12-17 07:59:36

解決方案1
0 已采納 2018-12-17 07:57:57

解決方案2
0 2018-12-17 07:59:36