Javascript在页面加载时触发onclick
Javascript onclick firing when the page loads
我使用Javascript运行函数有问题。我想要的是,当用户单击按钮时,函数就会启动。但是,它会在页面加载时触发。
完整代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<input type="submit" id="btn" value="Load">
<div id="description">
<div id="info">
<h1 id="title"></h1>
<p id="description"></p>
<ul id="list"></ul>
</div>
</div>
</div>
<div class="col-md-2"></div>
</div>
</div>
<script>
var btn = document.getElementById('btn');
var title = document.getElementById('title');
var description = document.getElementById('description');
var list = document.getElementById('list');
btn.onclick = load();
function load() {
alert("Working.");
}
</script>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
现在,它显然没有做什么,除了发出一个警告框。但是稍后我将使用它通过XMLHttpRequest对象加载一个文件。但是现在,它没有按它应该的方式工作。
我还应该指出,代码与匿名函数一起工作得很好,但整个想法是有一个正常的函数。我只是不确定为什么它会工作与一个匿名函数,而不是一个正常的。
应该是
var btn = document.getElementById('btn');
var title = document.getElementById('title');
var description = document.getElementById('description');
var list = document.getElementById('list');
btn.onclick = load;
function load() {
alert("Working.");
}
相关文章:
- 为什么我的javascript脚本在页面加载时运行,而不是使用onclick
- 函数在页面加载时调用,而它只能在onclick上调用
- 加载Soundcloud嵌入式播放器OnClick在FireFox中不工作
- 如何在onclick事件执行代码时在ImageButton上设置加载gif
- 将php文件加载到弹出窗口中,并将php变量发布到该弹出窗口中(使用onclick)
- OnClick 事件在我加载页面时被调用
- 使用Bookmarklet在Firefox中为asp表单加载启动onclick事件
- 如何在 onclick 事件后加载函数
- Jquery onclick事件加载XML的特定节点
- 页面加载时触发Javascript onclick事件
- Javascript函数不会加载到onkeyup和onclick事件
- 我如何在Capybara中测试页面是否未重新加载(JavaScript onClick拦截有效)
- 锚标记重新加载页面,而不是在IE中处理onclick
- WordPress:如何在帖子中加载PHP或OnClick
- 我有一个用于 onclick 的窗口加载函数 如何添加 onblur 事件并合并为一个
- 带有 OnClick 的 jQuery 链接标记 href 需要单击两次才能加载 AJAX
- 更改在页面加载后动态添加的元素的 onclick 处理程序
- jQuery onclick加载随机使用火狐浏览器
- 为什么这个javascript onclick加载代码在我没有明确告诉它的情况下运行
- Span标签onclick加载空白页面