Sử dụng biến javascript trên html <a>

Question

tôi có mã javascript này:

<script ="text/javascript"> 
    var newUrl=window.location.href; 
    var pathArray=""; 
    pathArray=newUrl.substr(newUrl.lastIndexOf("?")+1); 
</script> 

Tôi muốn sử dụng biến pathArray như một phần của href tôi trên thẻ

Đây là mã html của tôi

<a href="game.html?"+pathArray> 
    <img src="img/RestartButton.png" style="position:absolute; 
    left:80px; top:220px"> 
</a> 

nhưng có vẻ như nó không đọc giá trị nếu biến, nhưng thay vào đó là tên của biến đó.

Answer 1

Bạn không thể đặt biến javascript ở bất kỳ đâu trong html. Thay vào đó, bạn cần lấy phần tử dom thông qua tập lệnh và nối thêm thuộc tính href. cung cấp cho neo của bạn một id hoặc classname và thử làm ví dụ này.

<a id="myLink" href="game.html"> 
    <img src="img/RestartButton.png" style="position:absolute;left:80px; top:220px"> 
</a> 

<script type="text/javascript">; 
    document.getElementById('myLink').href += window.location.search 
</script> 

Answer 2

Bạn cũng sẽ phải sử dụng JavaScript cho việc này. Đầu tiên cho neo của bạn một ID:

<a id="myLink" href="game.html?"><img src="img/RestartButton.png" style="position:absolute; left:80px; top:220px"></a>

và sau đó thêm sau để mã JavaScript của bạn:

document.getElementById('myLink').href += pathArray;

Mã này sẽ bổ sung thêm nội dung của biến chuỗi của bạn để href tài sản của nguyên tố neo .

Answer 3

Đầu tiên, làm cho neo dễ dàng hơn để chọn bằng cách đặt cho nó một số nhận dạng.

<a href="#" id="pathLink"></a> (Điều này được giả định có nhiều hơn một neo trên trang của bạn)

Sau đó, trong kịch bản của bạn ở trên bao gồm:

var anchor = document.getElementById("pathLink"); 

Thẻ neo có một tài sản href mẹ đẻ, vì vậy giao cái mới là dễ dàng như thế này:

Rewrite:

var anchor = document.getElementById("pathLink").href += pathArray; 

Answer 4

Nó sẽ không hoạt động như thế. Bạn sẽ phải lặp qua các neo của bạn bằng cách sử dụng JavaScript.

Điều này chưa được kiểm tra. Tôi giả sử bạn muốn điều này xảy ra với nhiều hơn một liên kết anchor.

HTML:

<a class="updatethis" href="game.html">...</a> 
<a href="not-game.html">...</a> 
<a class="udpatethis" href="game.html">...</a> 

JavaScript: var neo = document.getElementsByTagName ('a');

for (var i = 0, a; a = anchors[i++];) { 
    if (a.className === 'updatethis') { 
     a.href += window.location.search; 
    } 
} 

Answer 5

Bạn đang trộn javascript vào HTML của mình.

Tôi tin rằng biến pathArray của bạn cũng sẽ không chứa những gì bạn đang mong đợi.

Hãy thử điều này trong thẻ script của bạn:

var gamePath = "game.html?" + window.location.search.replace("?", ""); 
document.getElementById("gameAnchor").setAttribute("href", gamePath); 

Và thêm một id để neo của bạn:

<a href="#" id='gameAnchor'> 

Các javascript sẽ nhận được tất cả GET thông số từ url hiện tại và sau đó thay thế các thuộc tính href trong phần tử có id là gameAnchor với game.html của bạn được ghép với thông số GET trong url.

Answer 6

Hãy nghĩ đến việc sử dụng một số công cụ mẫu như undescore, ria mép hoặc doT.js. bạn có thể dễ dàng thay thế mã định danh html hoặc một phần của các biến dữ liệu của mẫu.