html不顯示已插入的javascript代碼

Question

感謝您閱讀本文，我正在嘗試向網站添加菜單，但我想使用腳本來完成此操作，問題是頁面未顯示任何內容，我不知道自己在做什么錯，這是如何我正在調用函數

<head>
<link href="../css/menu.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<div class="header">
<script src="../includes/menu.js"></script><!-- end .header --></div>
<div class="content">
</body>

js文件在這里

<Script Language="JavaScript">
document.write("<div id='cssmenu'>\
<ul>\
<li class='active'><a href='homeuccgestion.php'><span>Inicio</span></a>         </li>\
<li><a href='nuevoformato.php'><span>Prestamos</span></a></li>\
<li class='has-sub'><a href='#'><span>Consultas</span></a>\
<ul>\
<li><a href='consultas.php'><span>Movimientos</span></a></li>\
<li class='last'><a href='editar_instrumento.php'><span>Inventario</span>  </a></li>\
</ul>\
</li>\
<li class="has-sub"><a href='#'><span>Edici&oacute;n</span></a>\
<ul>\
<li><a href='editar_unidad.php'><span>Unidades</span></a></li>\
<li><a href="editar_usuarios.php">Usuarios</a></li>\
</ul>\
</li>\
<li><a href='contacto.php'><span>Contacto</span></a></li>\
<li class='last'><a href='#'><span>Apartar Prestamo</span></a></li>\ 
</ul>\
</div>\
\    
\
");
</Script>

這是一些CSS代碼

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
width:990px;
height: 49px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background: #141414;
}

在此先感謝您的幫助，我們將不勝感激

Answer 1

document.write只是寫在正文中。

如果您想通過腳本添加HTML，請先在String變量中正確地構成HTML，例如，

var html = '';
html += '<div id='cssmenu'>'
     +    '<ul>'
     +      '<li class='active'><a href='homeuccgestion.php'><span>Inicio</span></a></li>'
     + ..................
     +     '</ul>'
     +   '</div>' ;

現在，當您准備好HTML字符串時，將其添加到要顯示的位置，

document.getElementById("myMenuElement").innerHTML = html;

並且您的HTML應該具有id myMenuElement

<head>
  <link href="../css/menu.css" rel="stylesheet" type="text/css">
  <script src="../includes/menu.js"></script>
</head>
<body>
  <div class="container">
    <div class="header">      
      <div id="myMenuElement"></div>
    </div>
  <div class="content"></div>
</body>

如果這不是您想要的，請在評論中讓我知道，我將更新我的答案。

謝謝。

html不顯示已插入的javascript代碼

問題描述

1 個解決方案

解決方案1
1 2015-07-20 19:23:07

html不顯示已插入的javascript代碼

問題描述

1 個解決方案

解決方案1 1 2015-07-20 19:23:07

解決方案1
1 2015-07-20 19:23:07