JS控制显示DIV显示内容

libeichenxg 2010-09-12 10:31:08

求一JS，当ID=A1的值为“中文”时，ID=B1显示 WWW.BAIDU.COM。当ID=A1的值为“英文”时，ID=B1显示 WWW.G.CN。



<div id="a1">中文</div>

<div id="b1"></div>

...全文

171 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

libeichenxg 2010-09-13

打赏
举报

置顶刷新！

氧气网航 2010-09-13

打赏
举报

氧气网航 2010-09-13

打赏
举报

楼主可以试下这个，测试通过
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript">
window.onload = function(){
content();
}

function content(){
if(document.getElementById("a1").value=="英文")
document.getElementById("b1").innerHTML="<a href='www.g.cn'>www.g.cn</a>";
if(document.getElementById("a1").value=="中文")
document.getElementById("b1").innerHTML="<a href='www.baidu.com'>www.baidu.com</a>";
}
</script>
<head>
<body>
<div id="a2"><input type="text" id="a1" value="中文" onchange="content()" /></div>
<div id="b1"></div>
</body>
</html>

zlcqupt 2010-09-13

打赏
举报

学
习

libeichenxg 2010-09-12

打赏
举报

[Quote=引用 1 楼 zhangshaolongjj 的回复:]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript">
onload = function(){
document.getEle……
[/Quote]
你好！您的JS可以实现当中文时候显示，内容不是中文时显示另外的内容。当我给WWW.BAIDU.COM加上链接时这个JS就不管用了。我把WWW.BAIDU.COM换成<A HREF="HTTP://WWW.BAIDU.COM">WWW.BAIDU.COM</A>时这个JS就不管用了。

s_liangchao1s 2010-09-12

打赏
举报



<body>

<input type="button" value="改为英文" onclick="changeLan();" />

<div id="a1">中文</div>

<div id="b1"></div><input type="button" value="显示" onclick="showContent();" />

<script language="javascript">

var _ = function(id) { return document.getElementById(id); };

function changeLan() {

	_('a1').innerHTML = '英文';

}

function showContent() {

	var h = {'中文': 'WWW.BAIDU.COM', '英文': 'WWW.G.CN'};

	_('b1').innerHTML = h[_('a1').innerHTML];

}

</script>

</body>

zhangshaolongjj 2010-09-12

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript">
onload = function(){
document.getElementById("b1").innerHTML = document.getElementById("a1").innerHTML == "中文" ? "WWW.BAIDU.COM。" : "WWW.G.CN。";
}
</script>
<head>
<body>
<div id="a1">中文</div>
<div id="b1"></div>
</body>
</html>