【问题标题】:Javascript If statement to run some html codeJavascript If语句运行一些html代码
【发布时间】:2011-09-12 14:35:15
【问题描述】:

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

【问题讨论】:

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


【解决方案1】:

尝试在 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 & DifferentHtmlString 是您应该以字符串格式存储自定义 html 的位置。然后它将在您包含的任何位置呈现“div id = 'custom-id'

希望这会有所帮助!

【讨论】:

    【解决方案2】:

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

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

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

    当然,负责显示图表的任何元素都应具有id="chart" 属性。例如&lt;div id="chart"&gt;&lt;!-- Chart related code goes here --&gt;&lt;/div&gt;.

    我给出的 JavaScript 代码更改了该元素的 display CSS 属性以将其隐藏或使其可见。

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

    例子:

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

    【讨论】:

      【解决方案3】:

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

      除非您正在测试一些只能在 JS 中找到的东西,否则请在您的 ASP.NET 代码中进行服务器端测试。

      我真的不知道如何从内部“运行”这段 html 代码

      Opera 的 WSC 的第 47 章对此进行了介绍:Creating and modifying HTML。您不妨先阅读前面的一些章节。

      java

      Java 与 JavaScript 的共同点与 Car 与 Carpet 的共同点差不多。它们是完全不同的编程语言。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-05-16
        • 1970-01-01
        • 2015-08-23
        • 2018-02-11
        相关资源
        最近更新 更多