如何用javascript生成页面内容
我要用javascript生成一个网页的动态切换效果，，当鼠标点击时，动态的生成一些文本和图片的内容（不用重新加载页面～），，，，请问如何在javascript里面写ht...
我要用javascript生成一个网页的动态切换效果，，当鼠标点击时，动态的生成一些文本和图片的内容（不用重新加载页面～），，，，请问如何在javascript里面写html网页代码，，，我急要，，，，，，高手赐教，，，，，，，，，，，，，，，，
我说的是如何用innerHTML生成网页内容，，，，，，，，，，，，，，，，，，OK，，，，，，，，，，现在很 清楚了吧， 展开
我说的是如何用innerHTML生成网页内容，，，，，，，，，，，，，，，，，，OK，，，，，，，，，，现在很 清楚了吧， 展开
6个回答
展开全部
你好：
楼上的几位都回答的不错，我的代码是显示百度LOGO的，希望对你有帮助。
提示：把代码保存为test.html即可看到效果了
<html>
<body>
<script language=javascript>
function show()
{
var html="百度的LOGO<BR><img src='https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif'></img>";
document.getElementById("div1").innerHTML = html;
}
</script>
<div id = "div1">
</div>
<input type="button" value = "显示" onclick="show()"/>
</body>
</html>
GOOL LOOK !!!!!!!!!!!
楼上的几位都回答的不错，我的代码是显示百度LOGO的，希望对你有帮助。
提示：把代码保存为test.html即可看到效果了
<html>
<body>
<script language=javascript>
function show()
{
var html="百度的LOGO<BR><img src='https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif'></img>";
document.getElementById("div1").innerHTML = html;
}
</script>
<div id = "div1">
</div>
<input type="button" value = "显示" onclick="show()"/>
</body>
</html>
GOOL LOOK !!!!!!!!!!!
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以先把这些图片，文本放在DIV里面，先隐藏起来，然后点击 的时候，让它显示出来就OK啦。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你一个以前写过得js隐藏例子，你根据自己需要改改把。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
function aaa(){
var obj=document.getElementById("ValueTable");
if(obj.style.display == 'none')
{obj.style.display='';}
else
{obj.style.display='none';}
}
</script>
</head>
<body>
<form name="form1" runat="server">
<div>
<table id="ValueTable" style="display:block;" border="1" >
<tr>
<td style="width: 257px">
</td>
<td style="width: 430px">
<input id="Button2" type="button" value="button" />
<input id="Button3" type="button" value="button" /></td>
<td style="width: 161px">
</td>
</tr>
</table>
</div>
<input id="Button1" type="button" value="button" onclick="aaa()" />
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
function aaa(){
var obj=document.getElementById("ValueTable");
if(obj.style.display == 'none')
{obj.style.display='';}
else
{obj.style.display='none';}
}
</script>
</head>
<body>
<form name="form1" runat="server">
<div>
<table id="ValueTable" style="display:block;" border="1" >
<tr>
<td style="width: 257px">
</td>
<td style="width: 430px">
<input id="Button2" type="button" value="button" />
<input id="Button3" type="button" value="button" /></td>
<td style="width: 161px">
</td>
</tr>
</table>
</div>
<input id="Button1" type="button" value="button" onclick="aaa()" />
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
现在网页里面好多都开始支持标签页。以便展现更多的内容。原理就是楼上所述。点击相应的按钮或者链接触发click事件调用对应方法。而方法内会更改原先就有的div的属性。如：display或者visibility属性。基本上都是大同小异。呵呵。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="button" value="测试" onClick="fun()">
<script language="javascript">
function fun(){
var img = document.createElement("img");//创建一个图片
img.setAttribute("src","../add_template.gif");//设置其路径
document.body.appendChild(img);//添加到页面中
}
</script>
innerHTML一样啊，做个span需要啥就往里加，或者别的元素，看你需要啥了。
<span id="sp"></span>
<script language="javascript">
function fun(){
var sp = document.getElementById("sp");
sp.innerHTML = "<table><tr><td>11111111111</td></tr>";
}
</script>
<script language="javascript">
function fun(){
var img = document.createElement("img");//创建一个图片
img.setAttribute("src","../add_template.gif");//设置其路径
document.body.appendChild(img);//添加到页面中
}
</script>
innerHTML一样啊，做个span需要啥就往里加，或者别的元素，看你需要啥了。
<span id="sp"></span>
<script language="javascript">
function fun(){
var sp = document.getElementById("sp");
sp.innerHTML = "<table><tr><td>11111111111</td></tr>";
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
4lou正解
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
