Question

我想在wordpress网站的自定义HTML小部件中添加此代码，但问题是我无法创建和使用日期图像链接。通过查看下面的代码，请告诉我这里有什么问题以及如何纠正它：

<html>
<head>
<script type="text/javascript">


var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!

var yyyy = today.getFullYear();
if(dd<10){
    dd='0'+dd;
} 
if(mm<10){
    mm='0'+mm;
} 
var today = yyyy+'/'+mm+'/'+'dd';
var link = "http://e.piyarawatan.com/paper/" + today + "p-1.jpg";

</script>
</head>
<body>
<img src='<script type=javascript>link</script>'>aaa</img>
</body>
</html>

输出应该是图像但不是。这里是输出：

AAA

编译完成后，图片会转到此链接： http://news.piyarawatan.com/%3Cscript%20type=javascript%3Elink%3C/script%3E 这是一个无效的链接

Answer 1

这一行：

var today = yyyy+'/'+mm+'/'+'dd';

应该是：

var path = yyyy+'/'+ mm +'/'+ dd + '/';

请勿重新声明today，为清晰起见，请使用新变量。然后下一行应为：

var link = "http://e.piyarawatan.com/paper/" + path + "p-1.jpg";

最后，你没有在这里正确插值：

<img src='<script type=javascript>link</script>'>aaa</img>

一种方法是：

document.write('<img src="' + link + '" />');

在script标记内。

Answer 2

您不能在HTML中引用类似的JS变量。您需要为image标记赋予一个id，并动态设置该元素的src属性。像这样：

<html>
<head>
<script type="text/javascript">

document.addEventListener("DOMContentLoaded", function(event) {

  var today = new Date();
  var dd = today.getDate();
  var mm = today.getMonth()+1; //January is 0!

  var yyyy = today.getFullYear();
  if(dd<10){
      dd='0'+dd;
  } 
  if(mm<10){
      mm='0'+mm;
  } 
  var today = yyyy+'/'+mm+'/'+dd;
  var link = "http://e.piyarawatan.com/paper/" + today + "/p-1.jpg";
  console.log (link)

  document.getElementById("image1").src = link;
});

</script>
</head>
<body>
<image id="image1"/>
</body>
</html>

Answer 3

这可能会回答您的问题：html image src call javaScript variable

在html中使用javascript日期变量链接

3 个答案: