同一页面的javascript的变量怎么在页面中显示

例如<html><head><title>主界面</title><scripttype="text/javascript">functiontest(){varsName... 例如
<html>
<head>

<title>主界面</title>
<script type="text/javascript">
function test()
{
var sName = "周杰伦";
}
</script>
</head>
<body>
// 怎么在这个位置显示sName的值?
</body>
</html>
展开
 我来答
learneroner
高粉答主

推荐于2016-08-07 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:6568万
展开全部

javascript的value属性可以设置表单元素的显示值,innerHTML属性可以设置文本元素的显示文字,因此可以将某个变量赋值给页面中的元素。下面进行实例演示:

1、创建Html元素

<div class="box">
<span>实例演示:点击按钮后在文本框显示变量的值</span><br>
<div class="content">
input元素:<input type="text" id="test1"><br>
span元素: <span id = "test2"></span><br>
    <input type='button' onclick='test()' value='显示变量的值' />
</div>
</div>

2、设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
input[type='text']{width:100px;padding:5px 10px;margin:5px 0;border:1px solid #ff9966;}

3、编写jquery代码

function test(){
var name1 = "表单元素的值";
var name2 = "文本元素的值";
document.getElementById("test1").value = name1;
document.getElementById("test2").innerHTML = name2;
}

4、观察效果

4.1 初始样式

4.2 点击按钮之后

百度网友d7e10266d1
推荐于2016-02-08 · TA获得超过5480个赞
知道小有建树答主
回答量:713
采纳率:0%
帮助的人:715万
展开全部
方法很多:
1.直接输出:
<script language="javascript">
document.write(sName);
</scritp>
2.使用innerHTML属性:
<span id="span_name"></span>
<script language="javascript">
document.getElementById("span_name").innerHTML=sName;
</scritp>
追问
说清楚一点好么  我刚刚学 把我那个例子补完就好了
追答
照着代码写就可以 详细的不能在详细了 还要怎么详细
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式