为什么我的javascript代码无法在html代码中运行?
<img class="transparent" alt="<script type="text/javascript">
var IntNum = 0
if( IntNum == 1 ){
document.writeln("yes")
}else{
document.writeln("no")
}
</script>" title="<script type="text/javascript">
var IntNum = 1
if( IntNum == 1 ){
document.writeln("yes")
}else{
document.writeln("no")
}
</script>" src="http://ecample.com/images/1.png" width="16" height="16">
&#13;
感谢所有人在本网站提供的帮助。
答案 0 :(得分:2)
它不起作用,因为您无法在另一个标记的开始标记内开始标记。
相反,您需要使用脚本代码并让它输出整个img
代码,而不仅仅是其中的一个属性:
<script>
if (condition) {
document.write('<img with one thing in it...>');
} else {
document.write('<img with another thing in it...>');
}
</script>
(请注意,如果内容是JavaScript,则没有理由将type
放在script
标签上,它只是页面膨胀; JavaScript是默认值。 )
另外,代码本身没有任何意义。
var IntNum = 0
if (IntNum == 1) {
document.writeln("yes")
} else {
document.writeln("no")
}
这种情况永远不会成真。同样,你有
var IntNum = 1
if (IntNum == 1) {
document.writeln("yes")
} else {
document.writeln("no")
}
条件永远不会是假的。
答案 1 :(得分:1)
这并不是绝对如何使用我的朋友。
浏览器只会将脚本读取为alt和title属性,并且不会以脚本形式执行。
根据您的代码,您可能尝试实现的目标可能是这样的:
<img class="transparent" id="img-id" src="http://ecample.com/images/1.png" width="16" height="16">
<script>
var image=document.getElementById('img-id');
var IntNum = 0
if( IntNum == 1 ){
image.alt="yes";
image.title="yes";
}else{
image.alt="no";
image.title="no";
}
</script>
但是我不知道你在哪里得到你的IntNum的价值,它将永远是0值。
答案 2 :(得分:0)
Javascript代码应该是它自己的独立元素,而不是alt
或title
属性中嵌入的内容。
如果您想使用Javascript代码更改alt
或title
属性,则需要正确指定其他代码的外代码,然后才能使用操纵DOM,搜索和更改相关属性,例如:
<html><head><script>
function fn() {
document.title = "Changed title";
}
</script></head><body>
<a href="javascript:fn()">Click here</a>
</body></html>