在HTML中自动调用href =“#”?

时间:2014-07-19 17:10:52

标签: href

以下href ="#"被自动调用?

<a id="loadBtn" href="#">Do stuff</a></p>

谢谢!

(更新)在以下facebook gallery启动器中:

<!DOCTYPE html>
<html>
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.getfacebookalbums.js"></script>
        <link rel="stylesheet" href="css/jquery.getfacebookalbums.css" type="text/css">
        <script type="text/javascript">
            $(document).ready(function () {
                $('#loadBtn').click(function () {
                    $('#albumsContainer').getFacebookAlbums({
                        appId : 'ID',
                        onImageSelected : function (data) {
                            alert("Your facebook image is located at " + data);
                            window.location.href = "assignFacebookPhoto.php?fbPhoto=" + data; 
                        }
                    })
                    return false;
                });
            });
        </script>
        <style type="text/css">
            html, body {
                font-family: Arial, _sans;
                font-size: 0.8em;
            }
        </style>
    </head>
    <body>

        <p><a id="loadBtn" href="#">Get photo</a></p>


        <div id="albumsContainer"></div>
    </body>
</html>

本质上是为了更快地进行操作,而不是先点击msc位文本。

4 个答案:

答案 0 :(得分:0)

你可以根据下面的代码设置你想要的任何值的href属性:

$('#loadBtn').attr('href','#');

答案 1 :(得分:0)

不确定href =&#39;#&#39;仅用于示例目的或您在最终代码中添加的内容。

(1)如果你想滚动到页面顶部,你可以使用$(&#39; body&#39;)。scrollTop(0)或者使用$(&#)之类的东西动画一下39; html,body&#39;)。animate({scrollTop:0},200); (如果你想为它设置动画,只需将它附加到#loadBtn的点击事件,并确保返回false,这样锚就不会跳到顶部并覆盖你的动画。)

如果需要,您还可以设置window.location.hash,以便记录哈希位置。

(2)如果你想模拟链接上的点击,你可以使用.trigger(),例如:$(&#39; #loadBtn&#39;)。触发(&#39;点击&#39; );

答案 2 :(得分:0)

我认为以下代码适合您:

$("#loadBtn").ready(function(){
 $(this).click();
});

也可以在onload函数中尝试:

document.getElementById('yourLinkID').click(); 
// Automatically href will be called

答案 3 :(得分:0)

感谢您的指点。它让我想到只需重新排列javascript,以便执行代码而无需点击任何内容:

<!DOCTYPE html>
<html>
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.getfacebookalbums.js"></script>
        <link rel="stylesheet" href="css/jquery.getfacebookalbums.css" type="text/css">

        <style type="text/css">
            html, body {
                font-family: Arial, _sans;
                font-size: 0.8em;
            }
        </style>
    </head>
    <body>

        <!--p><a id="loadBtn" href="#">Get photo</a></p-->



        <div id="albumsContainer"></div>



        <script type="text/javascript">


            $('#albumsContainer').getFacebookAlbums({
                        appId : 'ID',
                        onImageSelected : function (data) {
                            alert("Your facebook image is located at " + data);
                            window.location.href = "assignFacebookPhoto.php?fbPhoto=" + data; 
                        }
                    })



        </script>



    </body>
</html>