Question

是否可以在页面加载期间触发锚标记的javascript函数？

这是我的fiddle

<a  id="WebTree" href="javascript:alert('testing')">click me</a>


$(document).ready(function(){
    $('#WebTree').trigger('click');
    //$('#WebTree').click();
    // after the page load I'm expecting to see the alert but it's not working
});

我希望在页面加载后看到警报，但我不是

修改

好的，这里简单解释为什么我问这个问题。

以下是sharepoint动态生成的原始链接。

<A id=ctl00_PlaceHolderLeftNavBar_ctl01_WebTreeViewn1 href="javascript:TreeView_PopulateNode(ctl00_PlaceHolderLeftNavBar_ctl01_WebTreeView_Data,1,ctl00_PlaceHolderLeftNavBar_ctl01_WebTreeViewn1,ctl00_PlaceHolderLeftNavBar_ctl01_WebTreeViewt1,ctl00_PlaceHolderLeftNavBar_ctl01_WebTreeViewt1i,' ','TaxonomyMetadata','Pages\\TaxonomyMetadata','t','30:FieldNameNode:e305128c-217b-47b4-81b9-db0c1e59f98f:3b529925-3610-485a-9133-bc958f7ab28e:dbf365da-565b-41ca-966d-f9bf29d9b2cf:30|ListNode|e305128c-217b-47b4-81b9-db0c1e59f98f|3b529925-3610-485a-9133-bc958f7ab28e|ea06a686-46c5-4470-a1ab-4fe4341589c8','tt')">

    <IMG style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px" alt="Expand TaxonomyMetadata" src="/_layouts/images/MDNCollapsed.png">
</A>

底线我无法控制锚标记。

Answer 1

怎么样：

$(document).ready() {
    var code = $('#WebTree').attr('href');
    eval(code);
}

Answer 2

您应该使用onclick属性而不是href。以编程方式触发单击元素不会激活href属性。

<a id="WebTree" onClick='javascript:alert("testing")' href='#'>click me</a>

如果您想更改页面的位置，可以使用location.href。

$('#webTree').click(function(){
   location.href = this.href
}).click()

http://jsfiddle.net/qnN2d/

Answer 3

将事件绑定移至javascript：

<a  id="WebTree" href="#">click me</a>

$(document).ready(function(){
    $('#WebTree').click(function(){
        alert("testing");
    });
    $('#WebTree').trigger('click');
});

Source

See Unobtrusive JavaScript

Answer 4

所以你不能try this way

$(document).ready(function(){
    $('#WebTree').trigger('click');
    $('#WebTree').click(function() {
    alert(1);
    });
    // after the page load I'm expecting to see the alert but it's not working
});

 $(window).load(function () {
        $('#WebTree').click();
 });

在document.ready期间触发锚点href的javascript函数

4 个答案: