触发onload，内嵌javascript事件
[英]Trigger onload, inline javascript event
问题描述
我有一个弹出式窗口，可以称为通过链接。 问题是我需要将其称为onload，这是我找不到的方法。
这是弹出窗口的代码
<a href="https://sloways.leadpages.co/leadbox/14169a873f72a2%3A14f192411746dc/5636318331666432/"
target="_blank">Click Here to Subscribe</a>
<script data-leadbox="14169a873f72a2:14f192411746dc"
data-url="https://sloways.leadpages.co/leadbox/14169a873f72a2%3A14f192411746dc/5636318331666432/"
data-config="%7B%7D" type="text/javascript"
src="https://sloways.leadpages.co/leadbox-1483020619.js">
</script>
我尝试以不同的方式触发“单击此处订阅”，但没有成功：
- jQuery如何触发href元素上的click事件
- jQuery（document）.ready（function（）{
jQuery（“＃add_redirect”）。trigger（'click'）; }）; - Window.location.href（这将打开链接，但在另一个页面中，而不是作为弹出窗口）
更新N.1
我已经绕过了通过<object>标记加载弹出URL的问题。 我已经将<object>放在Bootstrap模态中，因此它仍然像某种弹出窗口一样工作。
3 个解决方案
解决方案1
1 2017-01-10 15:09:21
<html>
<head>
<script data-leadbox="14169a873f72a2:14f192411746dc"
data-url="https://sloways.leadpages.co/leadbox/14169a873f72a2%3A14f192411746dc/5636318331666432/"
data-config="%7B%7D" type="text/javascript"
src="https://sloways.leadpages.co/leadbox-1483020619.js"></script>
<script>
var displayPopup = function(){
var element = document.getElementById('popUp');
element.click();
}
</script>
</head>
<body onload="displayPopup();">
<a href="https://sloways.leadpages.co/leadbox/14169a873f72a2%3A14f192411746dc/5636318331666432/" id="popUp"
target="_blank">Click Here to Subscribe</a>
</body>
</html>
我正在使用计划JS。 当body JS对象完全形成时，换句话说，当body的内容完全加载时，将触发onLoad事件。 我将displayPopup函数连接到此事件。
在displayPopup函数中，我检索了锚标记并手动单击它。
解决方案2
0 2017-01-10 13:54:46
使用以下代码
jQuery=jQuery.noConflict();
jQuery(document).ready(function(e){
e.preventDefault();
jQuery("#add_redirect").click();
});
解决方案3
0 2017-01-10 15:17:10
如果在页面上加载了jQuery，则@Prashanth Reddy的解决方案应该可以使用。
对于使用纯JavaScript的简单实现，您需要将标签上的target属性从'_blank'更改为'_self'。 这将在您现有页面而不是新页面中打开弹出窗口。
然后在html正文部分的末尾添加以下内容：
<script>
(function() {
document.getElementById('add_redirect').click();
})();
</script>
参见此处的工作示例： jsfiddle
如果要避免使用内联脚本标签，则需要在JavaScript代码中添加事件监听器。 这是执行此操作的一个很好的起点：
如何在onload上触发事件<textarea>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.