Javascript If语句运行一些html代码

时间:2011-06-10 15:28:53

标签: javascript .net asp.net html if-statement

我的html中嵌入了一些javascript(使用.aspx文件)。我想执行某种if语句,然后确定是否显示某种图表。这个图表是用html显示的,我假设if语句应该用javascript编写。但是,我真的不知道如何从java中“运行”这个html代码。它基本上只是画一张桌子。有什么建议?我见过document.write,但我只看到用于单行。

3 个答案:

答案 0 :(得分:4)

您并没有真正“运行”HTML代码。 HTML是一种标记语言,主要用于格式化和排列Web浏览器中显示的元素。

您可能尝试解决的问题是:根据某些条件显示或隐藏元素。像这样的JavaScript代码就是你想要的。

if (condition) {
    document.getElementById('chart').style.display = "none"
} else {
    document.getElementById('chart').style.display = ""
}

当然,负责显示图表的元素应该具有id="chart"属性。例如<div id="chart"><!-- Chart related code goes here --></div>

我提供的JavaScript代码会更改此元素的display CSS属性以隐藏它或使其可见。

如果这不是你想要的,但你想动态修改负责图表的HTML,那么你需要使用元素的innerHTML属性。

示例:

if (condition) {
    document.getElementById('chart').innerHTML = "<!-- HTML Code for the chart here -->"
} else {
        document.getElementById('chart').innerHTML = ""
}

答案 1 :(得分:1)

  

我假设if语句应该用javascript编写

除非您正在测试只能在JS中找到的内容,否则请在ASP.NET代码中执行服务器端。

  

我真的不知道如何从

中“运行”这个html代码

Opera的WSC第47章涵盖了这一点:Creating and modifying HTML。您可能希望先阅读一些前面的章节。

  

的java

Java与Car在Carpet方面的共同点与JavaScript相同。它们是完全不同的编程语言。

答案 2 :(得分:0)

尝试在javascript中编写if语句,然后使用JQuery html()函数呈现html。只需使用自定义html id来定位html代码的位置即可。

<div id = "custom-tag"> </div>


<script>
    if (true){
        $('#custom-tag').html('YourHtmlString');
    } else {
        $('#custom-tag').html('DifferentHtmlString');
    }
</script>

在此处阅读有关html()的更多信息:http://api.jquery.com/html/

YourHtmlString&amp; DifferentHtmlString是您应该以字符串格式存储自定义html的地方。然后,它会在您收录的任何地方进行渲染&#34; div id =&#39; custom-id&#39;

希望这有帮助!