所以，我正在尝试制作一个网站，在那里我可以拥有每天都会变化的图片。我需要帮助将图像源设置为变量 imageurl。另外，使变量 imageurl 成为全局变量。
让我澄清一下，我希望它能够将变量 imageurl 设置为由提示设置的链接，然后将图像设置为 imageurl。
<!DOCTYPE html>
<html>
<head>
<div align="center">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>picture of the day</title>
<h1>Jere's picture of the day</h1>
<link href="style.css" rel="stylesheet" type="text/css">
</div>
</head>
<body>
<style>
div {
background-color: #8000ff;
color: #ffffff;
padding: 20px;
}
</style>
<script src="code.js" type="text/javascript" charset="utf-8"></script>
<script>
function myFunction() {
isitjere = prompt("Password?");
if (isitjere === "thedog")
alert("password:" + isitjere + " " + "has been accepted");
editimage = prompt("do you want to change the image?(type yes or no)");
if (editimage === "yes")
imageurl = prompt("paste the image url(if you dont have a url for it you can upload it and paste the upload link)");
}
</script>
<button onclick="myFunction()">edit</button>
<img src=imageurl>
</div>
</body>
</html>
最佳答案
不知道你的意图是什么..但这里有一个代码片段可以工作:) (http://codepen.io/f7o/pen/VjpjOW)
<head>
</head>
<body>
<script>
function myFunction() {
var isitjere = prompt("Password?");
if (isitjere === "thedog")
alert("password:" + isitjere + " " + "has been accepted");
var editimage = prompt("do you want to change the image?(type yes or no)");
if (editimage === "yes")
var imageurl = prompt("paste the image url(if you dont have a url for it you can upload it and paste the upload link)");
console.log(imageurl);
$("#pic").attr('src',imageurl);
}
</script>
<button onclick="myFunction()">edit</button>
<div align="center">
<title>picture of the day</title>
<h1>Jere's picture of the day</h1>
</div>
<img id="pic" src="https://www.google.com/images/nav_logo242.png">
</body>
</html>
关于javascript - 具有可变图像源的网站，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38065343/