感谢阅读这篇文章,我正在尝试向网站添加菜单,但我想用脚本来完成,问题是页面没有显示任何内容我不知道我做错了什么,这是我调用函数的方式
<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ó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;
}
在此先感谢任何帮助将不胜感激
最佳答案
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>
如果这不是您想要的,请在评论中告诉我,我会更新我的答案。
谢谢。
关于javascript - html 不显示插入的 javascript 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31524424/