使javascript如果語句顯示html？

Question

我想要一個if語句來顯示圖像或html代碼，具體取決於網頁。 我到這為止，並且html表根本沒有出現（顯示為空白）：

<script type="text/javascript">
<!--
var url = document.location.pathname;

if( document.location.pathname == '/tagged/photos' ){
document.innerHTML('<table><tr> hello </tr> </table>');
}

if( document.location.pathname == '/tagged/news' ){
document.write("<b>This is my news page</b>");
}
//-->
</script>

Answer 1

我會略有不同

將兩個標記都添加到頁面，並以適當的方式顯示/隱藏：

<table id="table"><tr> hello </tr></table>
<span id="title"><b>This is my news page</b></span>

<script type="text/javascript">
$(function(){
    var url = document.location.pathname;
    if( url == '/tagged/photos' ){
        $('#title').hide();
        $('#table').show();
    }
    if( url == '/tagged/news' )
    {
        $('#title').show();
        $('#table').hide();
    }
})
</script>

我已經假設您擁有JQuery因為它已被標記

Answer 2

您正在使用不存在的 document.innerHTML 。 至少，您需要獲取適當的元素：

document.documentElement.innerHTML = 'some HTML';

拋開這種方法的所有其他問題，我不確定，為什么要在一個分支中使用document.write()在另一個分支中使用someElement.innerHTML 。

Answer 3

我建議采用以下方法：

 function pagePopulate() { // you're looking at the pathname, use a sensible (meaningful) variable-name: var pagePath = document.location.pathname, // this is a map, of the relationship between page and content: pathToContent = { // pagename : html 'photos': '<table><tbody><tr><td>photos page</td></tr></tbody></table>', 'news': '<b>This is the news page</b>' }, // getting a reference to the <body> element: body = document.querySelector('body'); // setting the innerHTML of the <body>, // if pagePath = 'tagged/photos', splitting with '/' would return: // ['tagged','photos'], calling 'pop()' returns the last element of the array // 'photos', which returns that string to the square brackets, resulting in: // pathToContent['photos'], which would yield the '<table>...</table>' HTML. // if that call resulted in an undefined, or falsey, value, then the default // (the string *after* the '||' would be used instead: body.innerHTML = pathToContent[pagePath.split('/').pop()] || '<h2>Something went wrong</h2><img src="http://blog.stackoverflow.com/wp-content/uploads/error-lolcat-problemz.jpg" />'; } // calling the function: pagePopulate();

參考文獻：

使javascript如果語句顯示html？

問題描述

3 個解決方案

解決方案1
0 2014-11-23 11:20:32

解決方案2
0 2014-11-23 11:38:19

解決方案3
0 2014-11-23 11:45:13

使javascript如果語句顯示html？

問題描述

3 個解決方案

解決方案1 0 2014-11-23 11:20:32

解決方案2 0 2014-11-23 11:38:19

解決方案3 0 2014-11-23 11:45:13

解決方案1
0 2014-11-23 11:20:32

解決方案2
0 2014-11-23 11:38:19

解決方案3
0 2014-11-23 11:45:13