重定向到新页面时代码未执行

Question

当我单击立即购买按钮时，将显示下一页，但未显示要显示的内容。此代码有什么问题？

这是HTML代码：

    <div class="card-body" style="height:260px;">
      <p class="card-text"> Java is a general-purpose programming language that is class-based, object-oriented, and designed to have as few implementation dependencies as possible</p>
    </div>
    <div class="card-footer" style="height:56px;">
      <center><a href="BuyCourse.html"><button type="submit" id="javabtn" onclick="BuyJava()" value="Java" class="btn btn-primary">Buy Now</Button></a></center>
    </div>

这是第二页代码，单击现在购买]后将打开

 <div class="container" id="containerJava">
        <div>
          <div>
            <label style="font-size: 20; margin-top:50px; margin-left: 5px;">Course Name :-</label>
            <p id="lblcourse"></p>
          </div>

          <div>
            <label style="font-size: 20; margin-left: 5px;">Course Duration :-</label>
            <p id="lblduration"></p>
          </div>

          <div>
            <label style="font-size: 20; margin-left: 5px;">Course Price :-</label>
            <p id="lblprice"></p>
          </div>
这是JavaScript代码

function BuyJava() {
    document.getElementById("lblcourse").innerHTML = "Java";
    document.getElementById("lblduration").innerHTML = "6 Months";
    document.getElementById("lblprice").innerHTML = "6000/-";
}
如您在下面看到的，页面显示尚未插入值：

当我单击“立即购买”按钮时，将显示下一页，但未显示要显示的内容。此代码有什么问题？这是HTML代码：

Answer 1

您正在使用a元素将用户重定向到另一个页面。当用户位于第一页时，将在单击按钮时运行JavaScript。但是，它将无法在第二页上运行，因为它无法知道应该执行的代码。如果您直接访问BuyCourse.html，您是否希望代码运行？编号