javascript - 运行按钮点击页面加载

Question

我有这样的输入“

<input type='button' name='osx' value='Demo' class='osx demo' runat="server" />

当我点击它时，它会运行一个 jQuery 插件。现在我想在我的页面加载时调用这个输入的点击事件，事实上我想在页面加载时运行它的插件，所以我使用这个代码：

<script>
    $("document").ready(function () {
        window.getElementById("osx").click();
    });
</script>

但是当我运行我的页面时，我收到了这个错误：

行：16 错误：对象不支持属性或方法“getElementById”

有人能帮帮我吗？

我完成了你所有的答案，但没有一个对我有用！！！在我的页面代码中：

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <link type='text/css' href='css/osx.css' rel='stylesheet' media='screen' />
    <script>
       $("document").ready(function () {
   document.getElementById("osx").click();
}
</script>
</head>
<body>
    <div id='container'>
        <div id='content'>
            <div id='osx-modal'>
                <input id='osx' type='button' name='osx' value='Demo' class='osx demo' runat="server" />
                or <a href='#' class='osx'>Demo</a>
            </div>
            <!-- modal content -->
            <div id="osx-modal-content">
                <div id="osx-modal-title" dir="rtl">
                    OSX Style Modal Dialog</div>
                <div class="close">
                    <a href="#" class="simplemodal-close">x</a></div>
                <div id="osx-modal-data">
                    <h2>
                        Hello! I'm SimpleModal!</h2>
                    <p>
                        SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for
                        modal dialog development. Think of it as a modal dialog framework.</p>
                    <p>
                        SimpleModal gives you the flexibility to build whatever you can envision, while
                        shielding you from related cross-browser issues inherent with UI development..</p>
                    <p>
                        As you can see by this example, SimpleModal can be easily configured to behave like
                        an OSX dialog. With a handful options, 2 custom callbacks and some styling, you
                        have a visually appealing dialog that is ready to use!</p>
                    <p>
                        <button class="simplemodal-close">
                            Close</button>
                        <span>(or press ESC or click the overlay)</span></p>
                </div>
            </div>
        </div>
    </div>
    <script type='text/javascript' src='js/jquery.simplemodal.js'></script>
    <script type='text/javascript' src='js/osx.js'></script>
</body>
</html>

我哪里做错了？

score 8 · Accepted Answer

<script>
$(document).ready(function () {
   document.getElementById("osx").click();
});
</script>

或者

<body onload="document.getElementById('osx').click();">

将 id="osx" 添加到您的输入元素

score 5 · Accepted Answer

<script>
    $(document).ready(function () {
        $("input[name=osx]").click();
    });
</script>

http://jsfiddle.net/rNGgm/

或者没有 jQuery

<script>
    document.addEventListener('DOMContentLoaded',function(){
        document.getElementById("osx").click();
    });
</script>

http://jsfiddle.net/rNGgm/1/

score 1 · Accepted Answer

试试这个

$(document).ready(function () {
    document.getElementById("<%=btnProvideContactInfo.ClientID%>").click();
});

score 0 · Accepted Answer

为什么它对你不起作用

getElementById不是窗口对象的方法。它是一个document对象的方法，所以使用document.getElementById("osx").click();和你的input标签应该有id='osx'.

你正在使用$("document"). 不要document在$(document).

如何解决

将id属性添加到您的输入元素 -

<input id='osx' type='button' name='osx' value='Demo' class='osx demo' runat="server" />

如果你喜欢使用 jQuery，那么 -

 $(document).ready(function () {    
    $("#osx").click();//using id selector
 }

否则使用document.getElementById

$(document).ready(function () {
   document.getElementById("osx").click();
}

score 0 · Accepted Answer

试试.trigger()喜欢

<script type="text/javascript">
    $("document").ready(function () {
        $(".osx").trigger('click');
    });
</script>

而你没有属性。id所以添加它并尝试

<input type='button' name='osx' value='Demo' class='osx demo' id='osx' runat="server" />

score 0 · Accepted Answer

您可以使用“触发器”：

 <script>
     $(function () {
         $(".osx").trigger("click");
     });
 </script>

score 0 · Accepted Answer

使用 jQuerys .trigger()

<input type='button' id='osx' value='Demo' class='osx demo' runat="server" />

这是jQuery代码..

<script>
    $("document").ready(function () {
        $('#osx').trigger('click');
    });
</script>

score 0 · Accepted Answer

我认为您将 id 放在输入类型中。

<input type='button' name='osx' value='Demo' class='osx demo' id='osx' runat="server" />

javascript - 运行按钮点击页面加载

有人能帮帮我吗？

8 回答 8

Related

Reference