Javascript 单击页面加载上的HTML按钮/链接_Javascript_Jquery_Html_Onclick_Popup

Javascript 单击页面加载上的HTML按钮/链接

javascript jquery html

Javascript 单击页面加载上的HTML按钮/链接,javascript,jquery,html,onclick,popup,Javascript,Jquery,Html,Onclick,Popup,我已经在这个论坛上实现了各种方法，但无法找到解决方案我只需要在pageload上打开一个弹出按钮以下是测试页面：以下是我目前正在使用的代码： <script> window.setTimeout('clickit()',5000); function clickit(){ location.href = document.getElementById("fmp-button"); } </script> <a href="#" rel="487d7c3

我已经在这个论坛上实现了各种方法，但无法找到解决方案

我只需要在pageload上打开一个弹出按钮

以下是测试页面：

以下是我目前正在使用的代码：

<script>
window.setTimeout('clickit()',5000);
function clickit(){
   location.href = document.getElementById("fmp-button");
}
</script>

<a href="#" rel="487d7c3e5cb0edeabb176a823a117ad8" id="fmp-button"><img src="https://assets.fortumo.com/fmp/fortumopay_150x50_red.png" width="150" height="50" alt="Mobile Payments by Fortumo" border="0" id="popup"/></a>

<script src='https://assets.fortumo.com/fmp/fortumopay.js' type='text/javascript'></script>


setTimeout（'clickit（）'，5000）；
函数clickit（）{
location.href=document.getElementById（“fmp按钮”）；
}

任何帮助都将不胜感激

更新：已解决。（参见下面的正确答案）

仅供参考，您可能需要将数字增加到1000或2000。500不起作用。

编辑了我的答案

这个怎么样

<html>
<body onload="myFunction()">



<script>
function myFunction() {
    var myWindow = window.open("", "", "width=200,height=100");
}
</script>

</body>


函数myFunction（）{
var myWindow=window.open（“，”，“宽度=200，高度=100”）；
}

您可以尝试以下代码：

window.setTimeout(clickit, 500);

function clickit(){
   document.getElementById("fmp-button").click();
}

解释发生了什么：

1）

.setTimeout

接收一个函数。您正在传递一个

字符串

；您还可以传递一个

匿名函数

，并从内部触发您的函数：

window.setTimeout(function() { clickit(); }, 500);

2）

document.getElementById（“fmp按钮”）

返回ID为

fmp按钮的元素
3） .click
方法“模拟”用户单击（触发链接，就像用户单击一样）
小提琴：
$（文档）.ready（函数（）{
变量id='#对话框'；
//获取屏幕的高度和宽度
var maskHeight=$（document.height（）；
var maskWidth=$（window.width（）；
//设置遮罩的高度和宽度以填充整个屏幕
$（'#mask'）.css（{'width'：maskWidth，'height'：maskHeight}）；
//过渡效应
$（'面具'）.fadeIn（500）；
$（#mask'）.fadeTo（“慢”，0.9）；
//获取窗口的高度和宽度
var winH=$（window.height（）；
var winW=$（window.width（）；
//将弹出窗口设置为居中
$（id）.css（'top'，winH/2-$（id）.height（）/2）；
$（id）.css（'left'，winW/2-$（id）.width（）/2）；
//过渡效应
美元（id）.fadeIn（2000年）；
//如果单击“关闭”按钮
$（'.window.close'）。单击（函数（e）{
//取消链接行为
e、 预防默认值（）；
$（“#掩码”）.hide（）；
$（'.window'）.hide（）；
});
//如果单击了“遮罩”
$（“#掩码”）。单击（函数（）{
$（this.hide（）；
$（'.window'）.hide（）；
});
});
#掩码{
位置：绝对位置；
左：0；
排名：0；
z指数：9000；
背景色：#000；
显示：无；
}
#盒子，窗户{
位置：绝对位置；
左：0；
排名：0；
宽度：440px；
高度：200px；
显示：无；
z指数：9999；
填充：20px；
边界半径：15px；
文本对齐：居中；
}
#对话框{
宽度：750px；
高度：300px；
填充：10px；
背景色：#ffffff；
字体系列：“Segoe UI Light”，无衬线；
字体大小：15磅；
}
#爆米花{
字号：16pt；
位置：绝对位置；
底部：0px；
宽度：250px；
左：250px；
}

你的内容放在这里
|  
$（“#fmp按钮”）。单击（）
您的代码正在将浏览器url分配给dom元素。打开弹出按钮是什么意思？是否要触发锚定链接并将页面重定向到该链接？或者显示一些对话框/弹出窗口？你能再详细一点吗？我应该补充一下，这是一个图像链接。但是，我尝试了按ID单击onclick，但它不起作用。如果您将此代码添加到页面中，您将看到一个按钮。单击此按钮，您将看到一个弹出的付款窗口。我尝试过使用javascript（onload click id）。但是，它只显示href（#），而不显示弹出窗口。当我用鼠标点击时，会弹出一个窗口。我只是想澄清一下：你是想在页面加载时显示这个特定的付款对话框（而不是用户点击时），还是想创建自己的对话框（与此演示不同）？对不起，不清楚。你能检查一下小提琴吗？加载页面时会加载对话框。您的页面未正确呈现此脚本：存在语法错误。检查控制台或源代码。您正在javascript代码中呈现html元素（
标记）。在不使用此脚本的情况下，您是如何做到这一点的：？在JSFIDLE中，您在左侧面板（外部资源）中加载外部脚本。