我点击html正文时尝试将用户发送到另一个页面:
JavaScript c.js:
function clickBody(){
window.location.href = '/';
}
HTML:
<!DOCTYPE html>
<html>
<head>
<script src="c.js"></script>
</head>
<body onclick="clickBody();">
</body>
</html>
我可以从控制台运行该功能,但单击该<body>功能不起作用.
<!DOCTYPE html>
<html>
<body>
<input type="text" onMouseover= "this.style.color='red'">Mouse over
me!</input>
</body>
</html>
我也想"this.style.cursor='default'"一起打电话"this.style.color='red'"
如果我的html中有一个简单的按钮：
<button id="bgnBtn">Start Game</button>
我想在我的JS中提示：
var userAdjective = prompt("Please provide an Adjective");
仅在单击按钮后启动，我将如何编写？
似乎无法找到这个概念，至少对于这样的基础来说是如此。
谢谢，
我在页面上动态创建和删除元素“a”和“button”。我想在创建它们时向它们添加处理程序“onclick”。到目前为止，我看到的所有示例都在 jquery 中。我怎样才能在纯 javascript 中做到这一点？
问题：
我有 134 个元素，必须附加 onclick 事件。我现在正在做这件事，在 eeeeee 每一个上（它们也附加了一个 ondbclick 事件！）：
<div id="id1" class="name" onclick="functionName(this.id)"></div>
<div id="id2" class="name" onclick="functionName(this.id)"></div>
<div id="id3" class="name" onclick="functionName(this.id)"></div>
但是阅读 Eloquent Javascript（第 14 章），这被认为是不好的做法，因为它混合了 html 和 javascript。
所以我想我可以找到一种方法将 onclick 事件附加到所有这些事件上。我搜索了几个小时并尝试了一些事情，如下所示：（摘自 stackoverflow 上的“How do you set a JavaScript onclick event to a class with css”）
window.onload = function() {
var elements = document.getElementsByClassName('nameOfTheClass');
for(var i = 0; i < elements.length; i++) {
var OneElement = elements[i];
OneElement.onclick = function() {
//do something
}
}
}
点击它可以对元素进行操作，但不能对我的功能进行操作。
我原来的函数接收两个值，即被单击元素的 id …
我有一些我修改过的代码,它们有HTML格式的内联脚本.
例如,在我的文档中,这样的按钮很少.
<button class="btn-primary" onclick="selectAll()">All Students</button>如何以最佳方式避免这种内联样式？
附加信息:我正在使用查询文件.任何输入将不胜感激.
下面的两个代码都做同样的事情,首先使用Vanilla JS,然后使用JQuery.JQuery代码不必在html标签内插入任何内容,而JS必须插入调用者"onclick ="myFunction()"".
我怎么能修改JS代码,这样我就不需要在html代码中插入任何内容,就像JQuery代码一样？
香草JS代码:
<!DOCTYPE html>
<html>
<body>
<p onclick="myFunction()">Click on this paragraph</button>
<script>
function myFunction() {
alert("The paragraph was clicked.");
}
</script>
</body>
</html>
JQuery代码:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
alert("The paragraph was clicked.");
});
});
</script>
</head>
<body>
<p>Click on this paragraph.</p>
</body>
</html>