動態更改頁面上所有鏈接的href，以同時打開主鏈接和輔助鏈接

Question

我的網頁上有許多按鈕和鏈接，如下所示：

<div class="box"> 
<a href="http://foo.com/index.php/products/view/bar">
<div class="bar" style="margin-top:337px;cursor:pointer;"></div></a> 
</div>

我想一個JavaScript腳本將通過該頁面，並動態添加第二個鏈接到href，這樣

<a href="#" onclick="window.open('http://foo.com/index.php/products/view/bar');
    window.open('bar.com');"></a>

在頁面上的每個鏈接上。

我的網站上有很多頁面，因此非常希望有人可以通過僅在<head>部分中實現javascript段並通過動態更改頁面上的所有鏈接來向我展示如何執行此操作。

謝謝！

Answer 1

假裝您有一個A標簽“ <a href="http://foo.com/index.php/products/view/bar">a</a> “

var createDelegate = function (obj, handler) {
                return function () { return handler.apply(obj, arguments); };
            };

            var changeHref = function () {
                var hrefs = document.getElementsByTagName("A");
                for (var i = 0; i < hrefs.length; i++) {
                    hrefs[i].attachEvent('onclick', createDelegate(hrefs[i], function () { openLink(this); return false; }));
                }
            }

        var openLink = function (obj) {
            var str = new String(obj.href);
            str = str.substr(str.lastIndexOf('/') + 1);
            window.open(obj.href);
            window.open(str + '.com');
        }

//加載時調用它。

 changeHref();

動態更改頁面上所有鏈接的href，以同時打開主鏈接和輔助鏈接

問題描述

1 個解決方案

解決方案1
0 2011-04-20 14:32:15

動態更改頁面上所有鏈接的href，以同時打開主鏈接和輔助鏈接

問題描述

1 個解決方案

解決方案1 0 2011-04-20 14:32:15

解決方案1
0 2011-04-20 14:32:15