草庐IT

javascript - 图像加载后的图像 onload 事件

我有一个脚本将onload事件处理程序附加到页面上的所有图像,但是因为它是一个GreaseMonkey脚本,它只能在图像存在后运行,所以其中一些可能已经加载,有没有办法如果图像已经加载,是否触发onload事件? 最佳答案 如果您不反对使用jQuery等框架,那么triggerHandler()函数应该可以满足您的需要。您需要进行测试以检查图像是否已加载到您的脚本中(应该能够使用Google找到有关如何执行此操作的详细信息)-如果尚未加载,只需附加onload事件处理程序;如果它已被加载,您可以附加onload事件处理程序,然后使用

javascript - 代码在底部时是否需要 'onload'?

我想知道window.onload=function(){}(或者任何其他类型的加载,如jQuery$(document).ready();是必需的,如果代码放在我的的底部?或者可能会出现意想不到的副作用? 最佳答案 是的,可能会有意想不到的后果。但是,不,这不是绝对必要的。对于仍在加载的内容,如复杂的布局、深层DOM结构、来自其他脚本的动态HTML或图像,时间可能会关闭。为避免这些情况,将脚本包装在onload事件中始终是最安全的。这里有一些例子可以证明这一点。所有示例都在OSX上的Chrome17.0.963.12dev上测试。

javascript - HTML:onload 非 body 元素

我通过JQuery对大量元素执行javascript转换的常规方式:$(".cow").doStuff()但是,此操作非常脆弱:它假设页面只加载一次。一旦开始使用Ajax和部分重新加载,这种全局转换就会完全崩溃。如果服务器想要根据某些服务器端数据对每个元素进行不同的转换,它也不起作用。我知道实际的onload非body事件元素不起作用。一种解决方案是为所有元素提供ID/类并使用JQuery立即引用它们:$("#cow").doStuff()但是,那真的很乱;我一点也不喜欢它,部分原因是我赋予ID的每个元素都会污染全局I命名空间。我目前正在为该元素提供一个有效的不可碰撞ID$("#id8

javascript - 图像,onload 事件在 chrome 中不起作用

我正在使用html5创建拖放图像上传功能。这在firefox中对我很有用,但在chrome中,图像加载事件只在第一次触发。如果我只在第一个作品中拖动多个图像,如果我在其中拖动第二个作品,它就会失败。我相信问题出在图片加载上。这是我的代码的工作方式,我删除了不相关的部分:varimg=document.createElement("img");varreader=newFileReader();varcanvas=document.createElement("canvas");varcanvasData;varctx=canvas.getContext("2d");varmyFiles

javascript - 尝试获取元素onload的offset top值时获取0

我正在处理具有多个iframe的项目。主iframe有页面,页面包含也有页面内容的子iframe。在子iframe中我有选项卡,每个选项卡都有从服务器动态加载的页面内容。我试图在页面加载时使用offset().top从屏幕顶部获取div元素的偏移顶部值。它在使用“重新加载iframe”重新加载子iframe时返回一些值,但在重新加载页面时返回“0”。我附上我正在尝试做的图片,如果我没有在上面清楚地解释我的问题,请检查。我尝试了这段代码并将这段代码放在$(document).ready(){}中,它在重新加载特定的iframe时工作正常。但在加载时返回0。var$stored_selec

javascript - 使用 2 个函数在 body onload 中加载 javascript

我正尝试在主体onload中加载2个javascript事件/函数,如下所示:-每当我使用2个函数加载时,第一个函数就会中止-但如果我只加载它工作正常的那个-我做错了什么是不可能在onload中放置2个函数? 最佳答案 试试这个:functionfunc1(){//thecodeforyourfirstonloadherealert("func1");}functionfunc2(){//thecodeforyoursecondonloadherealert("func2");}functionfunc3(){//thecodefo

html - 隐藏特定的div onload,然后在点击后显示div

我有两个divdiv1和div2。我希望div2自动隐藏,但是当我单击previewdiv时,div2变为可见,div1隐藏。这是我试过但没有运气的代码:($(document).ready(function(){$("div2").hide();$("#preview").click(function(){$("#div1").hide();$("#div2").show();});});ThisispreviewDiv1.ThisispreviewDiv1.ThisispreviewDiv2toshowafterdiv1hides.PREVIEW 最佳答

javascript - jQuery onload - .load() - 事件不适用于动态加载的 iframe

当用户单击按钮时,我的脚本会加载一个iframe。我想在iframe加载后调用另一个函数,但它不起作用。iframe确实加载正常,但.load()事件在iframe完成加载后永远不会被调用。iframe包含来自同一网站的内容(无外部内容)。奇怪的是,我在我的代码的其他几个点上使用了下面描述的相同技术,并且效果很好。谁能建议我接下来应该检查什么?相关代码如下:$('#myIframe').load(function(){alert('iframeloaded');});$('#someButton').live('click',function(){$('body').append($(

javascript - 图片对象设置src前是否需要先设置onload函数?

我被告知有必要在为图像对象设置src之前设置onload函数。我有searchedinSO为此。我找到了这段代码:varimg=newImage();img.src='image.jpg';img.onload=function(){document.body.appendChild(img);};但是大多数人认为onload应该像这样写在src之前:varimg=newImage();img.onload=function(){document.body.appendChild(img);};img.src='image.jpg';必须按这个顺序写吗?上面的代码是否会导致错误(例如图

javascript - img onload 在 IE7 中效果不佳

我的webapp中有一个img标签,它使用onload处理程序来调整图像大小:这在Firefox3中工作正常,但在IE7中失败,因为图像对象被传递给SizeImage()由于某种原因,函数的宽度和高度为0——也许IE在完成加载之前调用了该函数?。在对此进行研究时,我发现其他人也遇到过与IE相同的问题。我还发现这不是有效的HTML4。这是我们的文档类型,所以我不知道它是否有效:是否有一种合理的解决方案可以在加载图像时调整其大小,最好是符合标准的解决方案?该图像用于用户上传自己的照片,几乎可以是任何尺寸,我们希望以最大150x150的尺寸显示它。如果您的解决方案是在上传时调整图像服务器端的