Fatal编程技术网
  • javascript/
  • Javascript 在页面加载时启动SimpleModel

Javascript 在页面加载时启动SimpleModel

javascript jquery html

Javascript 在页面加载时启动SimpleModel,javascript,jquery,html,simplemodal,Javascript,Jquery,Html,Simplemodal,我正在编写一个小网页，我想在开始加载页面时启动SimpleModel 现在我有了这个代码 <div id='container'> <div id='content'> <div id='basic-modal'> <input type='button' name='basic' value='Open' class='basic'/> </div> &

我正在编写一个小网页，我想在开始加载页面时启动SimpleModel

现在我有了这个代码

<div id='container'>
    <div id='content'>
        <div id='basic-modal'>
            <input type='button' name='basic' value='Open' class='basic'/>
        </div>

        <!-- modal content -->
        <div id="basic-modal-content">
            <h3>Random Text in the SompleModal box.</h3>

        </div>
    </div>
</div>
还包括这些文件

<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
我读到可以使用onLoad或jscript.ready，但我不知道如何使用。

使用
$（document.ready（）
函数：

$(document).ready(function() {
   // Any thing in here will execute when the DOM has finished loading
   $('#basic-modal-content').modal();
});

使用
$（document）.ready（）
函数：

$(document).ready(function() {
   // Any thing in here will execute when the DOM has finished loading
   $('#basic-modal-content').modal();
});

试试这个：

<script>
function openModal() 
{
    $('#basic-modal-content').modal();
}
</script>

<body onload="openModal();"></body>


函数openModal（）
{
$（“#基本模态内容”）.modal（）；
}
试试这个：

<script>
function openModal() 
{
    $('#basic-modal-content').modal();
}
</script>

<body onload="openModal();"></body>


函数openModal（）
{
$（“#基本模态内容”）.modal（）；
}