Question

js的innerHTML="后面显示内容问题

function a(id) {

document.getElementById('b').innerHTML="<a href="
<a href="javascript:return void(0);" onClick="switch_tab(0, "+id+")">选项卡1</a>
<a href="javascript:return void(0);" onClick="switch_tab(1, "+id+")">选项卡2</a>
<a href="javascript:return void(0);" onClick="switch_tab(2, "+id+")">选项卡3</a>
<div id="tabs_"+id+"_0">选项卡1内容</div>
<div id="tabs_"+id+"_1" style="display:none;">选项卡2内容</div>
<div id="tabs_"+id+"_2" style="display:none;">选项卡3内容</div>
";}

Answer 1

function a(id) {
document.getElementById('b').innerHTML = '<a href='
+ '<a href="javascript:return void(0);" onClick="switch_tab(0, ' + id + ')">选项卡1</a>'
+ '<a href="javascript:return void(0);" onClick="switch_tab(1, ' + id + ')">选项卡2</a>'
+ '<a href="javascript:return void(0);" onClick="switch_tab(2, ' + id + ')">选项卡3</a>'
+ '<div id="tabs_' + id + '_0">选项卡1内容</div>'
+ '<div id="tabs_' + id +'_1" style="display:none;">选项卡2内容</div>'
+ '<div id="tabs_' + id +'_2" style="display:none;">选项卡3内容</div>';
}

这样写就OK了，当你引号里嵌套引号的时候注意双引号和单引号的交错使用

追问

恩非常感谢，那个+ 是什么意思哦？在里面两个变量之间也可以加+号码？

追答

你可以这么理解：
var name = "Jack";
alert("hello, " + name + ", good!");
那么此时打印出来的就是: hello, Jack ,good!

所以+号就是连接两个字符串的连接符，字符串"ab" + "cd"就等于"abcd"

追问

恩恩非常感谢！不过刚才那个代码不能显示啊，看看那里出错了？

追答

哪个不能显示？在id为b的标签里面加不了代码么？
你先把 '<a href='这句话换成两个单引号，这句话多余了

追问

这段我去了啊。。帮我看看这个+号代码 对不对
var id="1";
var i="tabs_"+id;
i 输出的结果是 tabs_1 吗？

追答

结果就是tabs_1啊，不行你可以alert(i);一下就知道了，两个字符串用+号就是表示把两个字符串拼接起来嘛

Answer 2

引号用的很混乱
function a(id) {
document.getElementById('b').innerHTML="<a href='javascript:return void(0);' onClick='switch_tab(0, "+id+")'>选项卡1</a>"+
"<a href='javascript:return void(0);' onClick='switch_tab(1, "+id+")'>选项卡2</a>"+
"<a href='javascript:return void(0);' onClick='switch_tab(2, "+id+")'>选项卡3</a>"+
"<div id='tabs_"+id+"_0'>选项卡1内容</div>"+
"<div id='tabs_"+id+"_1' style='display:none;'>选项卡2内容</div>"+
"<div id='tabs_"+id+"_2' style='display:none;'>选项卡3内容</div>";
}

Answer 3

什么问题？

追问

不能运行，帮忙看下那里问题

追答

你想做下拉导航是吧？document.getElementById('b').innerHTML="<a href="你这一行和后面的元素貌似都没有衔接起来。

追问

这段我去了啊。。帮我看看这个+号代码 对不对
var id="1";
var i="tabs_"+id;
i 输出的结果是 tabs_1 吗？

追答

把b元素怎么写的贴出来