Question

我正在尝试使用书签链接更改变量 Div 同一页面而不刷新。

<a href="#" action="<? $aa=4; ?>" onclick="<? $aa=1; ?>document.getElementById('id01').style.display='block'" >ok1</a>
<a href="#" action="<? $aa=5; ?>" onclick="<? $aa=2; ?>document.getElementById('id01').style.display='block'" >ok2</a>
<a href="#" action="<? $aa=6; ?>" onclick="<? $aa=3; ?>document.getElementById('id01').style.display='block'" >ok3</a>

<div id="id01" class="w3-modal">
<span onclick="document.getElementById('id01').style.display='none'" 
   class="w3-closebtn w3-padding-top">&times;</span>
<h2>Header</h2>

  <ul class="w3-pagination" style="width:100%;">
   <li><a href="#" class="tablink" onclick="openCity(event, 'First')">First</a></li>
   <li><a href="#" class="tablink" onclick="openCity(event, 'second')">second</a></li>
   <li><a href="#" class="tablink" onclick="openCity(event, 'third')">third</a></li>
  </ul>

  <div id="First" class="w3-container">
// for example 1
   <? echo $aa; ?> 
  </div>

  <div id="second" class="w3-container">
// for example 2
   <? echo $aa; ?> 
  </div>

 <div id="third" class="w3-container">
// for example 3
   <? echo $aa; ?> 
  </div>

</div>

点击上面的链接，我需要获得不同的值。

Answer 1

如果你真的希望在href中执行javascript，这就是这样做的方法：

<a id="myLink" href="javascript:MyFunction();">link text</a>

但这更好：

<a id="myLink" href="#" onclick="MyFunction();return false;">link text</a>

为什么更好？因为return false会阻止浏览器跟踪链接

或者您可以使用jQuery或其他类似的框架通过元素的ID附加onclick处理程序，这将是您最好的：

$('#myLink').click(function(){ MyFunction(); return false; });

php href更改变量同一页面而不刷新

1 个答案: