如何让提示框输入调用函数?
How to make a prompt box input invoke a function?
如何去掉按钮onclick="clickMe()",只让提示框的输入执行功能?
我想我需要来自提示框的输入来调用 if 语句,我想?
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<script>
function clickMe(){
var valueInput=prompt("Please input weekday, weekend?");
var weekdayElement = document.getElementById("weekday");
var weekendElement = document.getElementById("weekend");
if (valueInput=="weekday"){
weekdayElement.style.height = "200px";
weekdayElement.style.width = "250px";
weekdayElement.style.fontSize = "15px";
weekdayElement.style.color="blue";
if (valueInput=="weekend"){
weekendElement.style.height = "200px";
weekendElement.style.width = "250px";
weekendElement.style.fontSize = "15px";
weekendElement.style.color="blue";
}
</script>
</head>
<body>
<h1>This is an example on DOM</h1>
<div id="weekday">
weekdays
<p>Monday</p>
<p>Tuesday</p>
<p>Wednesday</p>
<p>Thursday</p>
<p>Friday</p>
</div>
<div id="weekend">
weekends
<p>Saturday</p>
<p>Sunday</p>
</div>
<p><button onclick="clickMe()">Try it</button></p>
</body>
</html>
如果我没理解错的话,你是希望在页面加载时跳转提示,然后在用户输入值后执行"clickMe"中的代码(没有提示)?
在这种情况下,您需要在页面加载后 运行 提示。你可以在这里看到一个例子:
http://jsfiddle.net/7a6e9r2f/1/
请注意,jsfiddle 会在页面加载后自动调用底部的 javascript 代码。在您的情况下,您需要添加
<body onload="onLoaded()">
到您的 html 以便调用 onLoaded 函数。
如何去掉按钮onclick="clickMe()",只让提示框的输入执行功能?
我想我需要来自提示框的输入来调用 if 语句,我想?
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<script>
function clickMe(){
var valueInput=prompt("Please input weekday, weekend?");
var weekdayElement = document.getElementById("weekday");
var weekendElement = document.getElementById("weekend");
if (valueInput=="weekday"){
weekdayElement.style.height = "200px";
weekdayElement.style.width = "250px";
weekdayElement.style.fontSize = "15px";
weekdayElement.style.color="blue";
if (valueInput=="weekend"){
weekendElement.style.height = "200px";
weekendElement.style.width = "250px";
weekendElement.style.fontSize = "15px";
weekendElement.style.color="blue";
}
</script>
</head>
<body>
<h1>This is an example on DOM</h1>
<div id="weekday">
weekdays
<p>Monday</p>
<p>Tuesday</p>
<p>Wednesday</p>
<p>Thursday</p>
<p>Friday</p>
</div>
<div id="weekend">
weekends
<p>Saturday</p>
<p>Sunday</p>
</div>
<p><button onclick="clickMe()">Try it</button></p>
</body>
</html>
如果我没理解错的话,你是希望在页面加载时跳转提示,然后在用户输入值后执行"clickMe"中的代码(没有提示)? 在这种情况下,您需要在页面加载后 运行 提示。你可以在这里看到一个例子: http://jsfiddle.net/7a6e9r2f/1/
请注意,jsfiddle 会在页面加载后自动调用底部的 javascript 代码。在您的情况下,您需要添加
<body onload="onLoaded()">
到您的 html 以便调用 onLoaded 函数。