0

我正在尝试以编程方式更改 href 链接（根据 ajax 异步操作的结果）并在新窗口中打开它（我不想使用 window.open，因为它的行为类似于弹出窗口并在 IE 中被阻止）。

以下代码仅在第二次单击链接上的 MANUALLY 后才有效，如何使其在第一次单击时有效？

简化示例：

    <a href="http://demo.com" id="link">trying to change href link dynamically</a>

    <script type="text/javascript">
            document.getElementById('link').addEventListener("click", function (e) {

                if (!e.target.hasAttribute("target")) //only preventDefault for the first time..
            {
                    e.target.setAttribute("target", "_blank");
                    e.preventDefault();
                    updateLink();
                    }
            });

            function updateLink() {
// --HERE I PERFORM AN AJAX CALL WHICH TAKES A WHILE AND BY ITS RESULT I DECIDE WHICH URL TO USE - BUT HERE I JUST USE IT HARDCODED--
                document.getElementById('link').setAttribute("href", "http://google.com");
                document.getElementById('link').click();
            }
4

1 回答 1

1

我在这个 jsFiddle 中组织了你的代码：http: //jsfiddle.net/mswieboda/Hhj4D/

JavaScript：

var $link = document.getElementById('link');
$link.addEventListener("click", function (e) {
    if (!e.target.hasAttribute("target")) {
        //only preventDefault for the first time..
        e.target.setAttribute("target", "_blank");
        e.preventDefault();
        updateLink();
    }
});

function updateLink() {
    $link.setAttribute("href", "http://google.com");
    $link.click();
}

当我运行它时，这对我有用。悬停链接，您可以看到http://demo.com，但单击它会带您到http://google.com. 这是所需的功能吗？您绝对可以随时（在 AJAX 调用之后）使用 updateLink 函数来更改href，此外，您也可以_target在该函数中设置 ，这样对我来说更有意义。

于 2013-10-01T16:48:59.157 回答