与JS相同的HTML文件的动态链接

时间:2018-09-01 12:20:07

标签: javascript html

有没有一种方法可以链接到相同的html并获得不同的链接,具体取决于您是否单击了该href或那个href?假设我有一千本不同的书。如果我单击第一本书的链接,它将带我到该书的页面,如果我单击第四本书,则将带我进入第四书的页面,依此类推。现在,由于每本书的结构都相同; ISBN,作者,页面,价格等,是否可以让我使用相同的html文件而不是复制粘贴并重命名相同的html 999次,并且仍然具有唯一的链接发送给朋友?像锚点一样?

使用JS。

1 个答案:

答案 0 :(得分:0)

由于您尚未发布代码,所以我不知道您是如何制作按钮的,但是像这样的事情可能会起作用(顺便说一下,数组可能是从某些数据库,txt文件或其他任何东西加载的,这只是演示):

$names= $_POST['name'];

$valuesToInsert= array();

foreach($names as $nm)
{
  $valuesToInsert[] = "('".$nm."', 'Doe', 'john@example.com','coder')";
}

if(!empty($valuesToInsert))
{
  $stringValues = implode(", ", $valuesToInsert);

  $sql = "INSERT INTO crudtable(firstname, lastname, email,favjob)
  VALUES $stringValues";

  if ($result = $conn->query($sql))
  { echo json_encode("New record created successfully");
     // echo "New record created successfully";
  } else {
      echo json_encode("Some error");
     // echo "Error: " . $sql . "<br>" . $conn->error;
  }

}
var names = ["Books 1's name", "Books 2's name", "Books 3's name"];
var authors = ["Books 1's author", "Books 2's author", "Books 3's author"];

var i;
for (i = 0; i < 3; i++) { 

  document.write("<button onclick=\"rewrite(" + i + ")\">" + names[i] + "</button>");

}

function rewrite(index){
  
  document.getElementById("nameLabel").innerHTML = names[index];
  document.getElementById("authorLabel").innerHTML = authors[index];

}