Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在事件上使用jquery document.ready()_Javascript_Jquery_Onload - Fatal编程技术网

Javascript 在事件上使用jquery document.ready()

Javascript 在事件上使用jquery document.ready(),javascript,jquery,onload,Javascript,Jquery,Onload,我有以下需要:每次在页面上加载图像时,我都想调用js,但是 我还需要在js运行之前完成页面的DOM加载 我写了下面的“虚拟”示例,我想知道它是否正确。 这似乎是可行的,但因为jquery说:.ready方法通常与 属性,我想有人告诉我:是的,你可以做到 非常感谢你的帮助, 尼科 例如: <html> <head> <script type="text/javascript" src="jquery.js"></script> <scrip

我有以下需要:每次在页面上加载图像时,我都想调用js,但是 我还需要在js运行之前完成页面的DOM加载

我写了下面的“虚拟”示例,我想知道它是否正确。 这似乎是可行的,但因为jquery说:.ready方法通常与 属性,我想有人告诉我:是的,你可以做到

非常感谢你的帮助, 尼科

例如:

<html>
<head>


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    function mySetVal() {

       $(document).ready(function () {
         $("#status").val("Refreshing");
       });
    }
</script>
</head>

<body>


<div style="border:1px solid green">
<img src="target.jpeg" id="cat" onload="mySetVal()"></img>
</div>

<div>
<p>E poi che la sua mano a la mia puose con lieto volto, ond'io mi confortai, mi mise dentro a le segrete cose.</p>
</div>

<table>

<tr>
<th>animale</th><th>pianta</th>
</tr>

<tr>
<td>mucca</td><td>palma</td>
</tr>

</table>

<p>Input: <input type="text" id="status" /></p>

</body>
</html>

是的,您可以这样做,只要jQuery在映像之前加载,因为如果DOM在调用时已经就绪,那么ready函数将被直接调用。

是的,这正是$documentready。。。是为你准备的

查看$%28文档%29。准备就绪%28%29


一旦加载DOM,并且在加载页面内容之前,它内部的所有内容都将加载

我建议您从img标记中删除内联属性onload。 您可以使用以下代码:

$(document).ready(function()
{
    $("#cat").load(function()
    {
        $("#status").val("Refreshing");
    });
});