我熟悉它的典型用法onload,如下所示:
<body onload="alert('Hello, World!');">
...
</body>
触发加载事件的所有html元素是什么？(从而执行onload属性中提供的javascript)
例如,img是一个这样的标记,它将在加载onload时执行属性中提供的javascript some.png:
<img onload="someImgLoaded()" src="some.png" />
基本上我想做的就是这样做的结果:
window.location.href = "some_location";
window.onload = function() {
alert("I'm the new location and I'm loaded!");
};
加载窗口的新位置时有没有办法进行回调？(上面的代码不起作用.)
下面是我的YWA包装器的代码
var astr_ywascript = (document.createElement("script").type = "text/javascript").src = "http://d.yimg.com/mi/eu/ywa.js";
document.head.appendChild(astr_ywascript); // <- error on this line
它在页面加载时运行,因此JS无法找到文档头标记.
有任何想法吗？
谢谢
Opera在同一行上抛出此错误.Uncaught exception: Error: WRONG_ARGUMENTS_ER
萤火虫说:document.head is undefined [Break On This Error] document.head.appendChild(astr_ywascript);
我可以用吗:
window.addEventListner();
某种程度上来说.
我的所有图片都有display = 'none'.
图像加载后,
我想设置 display = 'inline'
这样我可以规范化下载图像时显示的内容.
在这种情况下,我无法预加载我的图像.
我正在使用jQuery JavaScript库.我喜欢的事件监听器准备好上$(document)时DOM设置将触发.
(非常类似于.onload但没有外部源)
我会发现它非常有用,如果有一个事件监听器与此行为非常相似,但在元素完全加载时触发.(fe:图片,文字内容极长的Div,如此)
我很欣赏jQuery或JavaScript方法.
我想在页面加载后执行JavaScript函数.目前我有一个commandButton,一切正常.然而,如果用户不应该按下按钮会更舒服.
我试过f:event,但是我没有监听器,我只有JavaScript函数.此外,body onload对我不起作用,因为我只使用高级组件.
<f:view xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:pm="http://primefaces.org/mobile" contentType="text/html">
<ui:composition template="/resources/master.xhtml">
<ui:define name="content">
<pm:content>
<h:inputHidden id="address" value="#{pathFinderBean.address}" />
<div id="map" style="width: 100%; height: 285px;"></div>
<p:commandButton type="button" value="Route" onclick="PathFinder.findAndGo()"/>
<div id="route"></div>
</pm:content>
</ui:define>
</ui:composition>
JavaScript函数PathFinder.findAndGo在我的master.xhtml中定义
我正在尝试使用 Google 的模型查看器 Web 组件在我的网站上显示模型。文档说该组件有一个“已加载”属性，该属性是“只读”的，并且“如果自上次 src 更改以来已触发加载事件，则返回 true”。我试图在组件加载时使用此属性来调用函数，但我认为我没有正确访问它。我应该使用 componentDidUpdate 来检查此属性是否已更改？或者有没有办法使用onload()？
到目前为止我的代码如下所示：
class App extends Component {
isLoaded() {
console.log("loaded!")
}
render() {
return (
<>
<model-viewer
src={require('..my model..')}
alt="A model"
loading="eager"
loaded={this.isLoaded}
/>
</>
)
}
}
export default App;
我在选择框中使用了Jquery Chosen插件,但是我想把它集中在页面加载上.我使用以下代码来聚焦文本输入:
onLoad="document.forms.sales_order_form.customer.focus()"
但这对选择框不起作用:
<select data-placeholder="Select a Customer..." class="chzn-select" name="customer" style="width:400px;">
<option value=""></option>
</select>
我在Google Chrome上遇到iframe的onLoad事件时出现问题.我创建了一个iframe并为其"src"属性设置了值以从服务器获取文件.在服务器正在处理时,将显示一个等待框,直到客户端获取返回的文件.我尝试使用iframe的onLoad事件来检测客户端何时获取文件以关闭该等待框,但在Google Chrome上,该事件处理程序不起作用.
使用Firefox,当客户端获取文件时,将自动显示"保存到"弹出窗口并触发事件"加载",但Chrome不会发生这种情况.
你能告诉我如何处理这个问题吗？非常感谢!
这个代码在一个简单的HTML文件中工作:
<script>
function load() {
alert("load event detected!");
}
window.onload = load;
</script>
但是,如果我将它放入AngularJS Web应用程序的index.html文件中,则不会.有谁知道为什么不呢？
onload ×10
javascript ×7
jquery ×2
angularjs ×1
dom ×1
dom-events ×1
domexception ×1
forms ×1
html ×1
html5 ×1
jsf-2 ×1
loading ×1
onerror ×1
onload-event ×1
primefaces ×1
reactjs ×1
window ×1