Javascript 如何插入a<;脚本>;html属性作为href html属性url的一部分
我有以下代码:Javascript 如何插入a<;脚本>;html属性作为href html属性url的一部分,javascript,html,href,Javascript,Html,Href,我有以下代码: <!DOCTYPE html> <html> <body> <table border="1"> <tr> <td >row 2, cell 1</td> <td style="white-space:nowrap;"><a href="http://aa.bb.cc/<script type="text/javascript"><!
<!DOCTYPE html>
<html>
<body>
<table border="1">
<tr>
<td >row 2, cell 1</td>
<td style="white-space:nowrap;"><a href="http://aa.bb.cc/<script type="text/javascript"><!--
var date = new Date();
var d = date.getDate();
var day = (d < 10) ? '0' + d : d;
var m = date.getMonth() + 1;
var month = (m < 10) ? '0' + m : m;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write( year + month + day);
//--></script>> Click to check</a></td>
</tr>
</table>
</body>
</html>
第2行第1单元
我想要的是,当我按:click时,浏览器应转到以下链接:
yymmmdd通过Javascript获得,并显示当前年份、月份和日期
Javasript可以工作,但我无法将其结果添加到a href属性的URL中。为什么不将javascript与html分开,将其放在head元素中。然后,一旦文档加载了
onload
调用该函数,将其附加到链接href中
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function appendDateToURL(){
var date = new Date();
var d = date.getDate();
var day = (d < 10) ? '0' + d : d;
var m = date.getMonth() + 1;
var month = (m < 10) ? '0' + m : m;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
var myLink = document.getElementById("myLink");
myLink.setAttribute("href",(myLink.href+ year + month + day));
}
</script>
</head>
<body onload="appendDateToURL();">
<table border="1">
<tr>
<td >row 2, cell 1</td>
<td style="white-space:nowrap;"><a id="myLink" href="http://aa.bb.cc/"> Click to check</a></td>
</tr>
</table>
</body>
函数appendDateToURL(){
变量日期=新日期();
var d=date.getDate();
风险值日=(d<10)‘0’+d:d;
var m=date.getMonth()+1;
风险值月份=(m<10)‘0’+m:m;
var yy=date.getYear();
风险年=(年<1000)?年+1900:年;
var myLink=document.getElementById(“myLink”);
myLink.setAttribute(“href”,(myLink.href+年+月+日));
}
第2行第1单元
我刚刚添加了一个JSFIDLE。把你的代码加了几行
<a class="generated-link" href="">Link me!</a>
<script>
var date = new Date();
var d = date.getDate();
var day = (d < 10) ? '0' + d : d;
var m = date.getMonth() + 1;
var month = (m < 10) ? '0' + m : m;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
var link = document.querySelector('.generated-link');
link.href = year + month + day;
</script>
变量日期=新日期();
var d=date.getDate();
风险值日=(d<10)?'0'+d:d;
var m=date.getMonth()+1;
风险值月份=(m<10)?'0'+m:m;
var yy=date.getYear();
风险年=(年<1000)?yy+1900:yy;
var link=document.querySelector('.generated link');
link.href=年+月+日;
下面是一个通过Javascript创建
元素并将其附加到页面的示例。以后不要尝试将脚本标记放在另一个标记的中间。显然,在您的示例中,您不想将其附加到body
,但我将把附加留给您
var anchor = document.createElement("a");
var date = new Date();
var d = date.getDate();
var day = (d < 10) ? '0' + d : d;
var m = date.getMonth() + 1;
var month = (m < 10) ? '0' + m : m;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
anchor.innerHTML = "Click to check";
anchor.href = "http://aa.bb.cc/" + year + '' + month + '' + day;
document.body.appendChild(anchor);
var-anchor=document.createElement(“a”);
变量日期=新日期();
var d=date.getDate();
风险值日=(d<10)?'0'+d:d;
var m=date.getMonth()+1;
风险值月份=(m<10)?'0'+m:m;
var yy=date.getYear();
风险年=(年<1000)?yy+1900:yy;
anchor.innerHTML=“单击以检查”;
anchor.href=”http://aa.bb.cc/“+年+月+日;
document.body.appendChild(锚定);
糟糕!不要尝试将Javascript嵌入HTML元素。尝试在Javascript中创建整个锚元素,然后将其添加到页面中。如果它是一个属性,你仍然不能把它放在另一个属性中。而且引文都是乱七八糟的。