ozz*_*mra 3 javascript asp.net jquery
我有这样的输入"
<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>
我哪里做错了？
<script>
$(document).ready(function () {
document.getElementById("osx").click();
});
</script>
要么
<body onload="document.getElementById('osx').click();">
将id ="osx"添加到输入元素中
<script>
$(document).ready(function () {
$("input[name=osx]").click();
});
</script>
或者不使用 jQuery
<script>
document.addEventListener('DOMContentLoaded',function(){
document.getElementById("osx").click();
});
</script>