为什么我的javascript代码无法在HTML代码中运行?

时间:2015-08-06 08:03:40

标签: javascript html

为什么我的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;
&#13;
&#13;

感谢所有人在本网站提供的帮助。

3 个答案:

答案 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代码应该是它自己的独立元素,而不是alttitle属性中嵌入的内容。

如果您想使用Javascript代码更改alttitle属性,则需要正确指定其他代码的代码,然后才能使用操纵DOM,搜索和更改相关属性,例如:

<html><head><script>
    function fn() {
        document.title = "Changed title";
    }
</script></head><body>
    <a href="javascript:fn()">Click here</a>
</body></html>