Javascript 请帮助使用下面的代码默认打开一个选项卡，最好是第一个名为'；概述'；

我的代码工作正常，但我需要在默认情况下打开第一个选项卡

在尝试了一些来自堆栈溢出的解决方案后，所有代码似乎都无法工作，或者与我的Javascript不兼容

从堆栈溢出插入的代码是：

onload="document.getElementById('defaultOpen').click();)

这是在第一个选项卡打开和关闭标记时应用的

可在此处查看代码：

函数openCity（evt，cityName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i

/*设置选项卡的样式*/
.标签{
溢出：隐藏；
背景色：#f1f1；
宽度：100%；
}
/*设置选项卡内按钮的样式*/
.选项卡按钮{
背景色：继承；
浮动：左；
边界：无；
大纲：无；
光标：指针；
填充：14px 20px；
过渡：0.3s；
字体大小：14px；
宽度：215px；
}
/*更改悬停按钮的背景色*/
.tab按钮：悬停{
背景色：#6bc048；
颜色：白色；
}
/*创建活动/当前tablink类*/
.tab按钮。激活{
背景色：#6bc048；
颜色：白色；
}
/*设置选项卡内容的样式*/
.tabcontent{
显示：无；
填充：6px 12px；
边界顶部：无；
}
.栏目{
浮动：左；
宽度：33.33%；
}
/*清除列后的浮动*/
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
/*响应的*/
@媒体屏幕和屏幕（最大宽度：360px）{
.栏目{
宽度：100%；
}
.标签{
溢出：隐藏；
背景色：#f1f1；
宽度：100%；
}
.选项卡按钮{
背景色：继承；
边界：无；
大纲：无；
光标：指针；
填充：14px 20px；
过渡：0.3s；
字体大小：14px；
宽度：100%；
文本对齐：居中；
}
}

概述
你将学到什么
节目内容
职业道路

广泛的管理和营销知识经济学，
财务管理和一般管理原则
沟通、营销研究和营销活动如何进行
解决组织中的营销问题营销道德
管理层重视如何制定战略营销计划
对企业管理评估方法有广泛的了解
确保良好的决策


IMM工商管理学士学位授予具有研究生水平的学生
该领域的知识、具体技能和应用能力
市场营销和业务管理，使他们能够
在商业营销领域从事实用且有回报的职业
环境学生还将获得中级能力
在市场营销、商业管理和财务管理方面。

第一年


营销1
学术素养
商务沟通
企业管理1
商业统计
经济原则
财务管理1

第二年


营销2
品牌管理
销售经理
商业管理2
财务管理2
整合营销传播
营销研究：理论

第三年


营销3
商业管理3
商业项目
财务管理3
全球营销
营销研究：项目3
选修课1
选修课2

职业道路


品牌经理
商店经理
销售经理
品牌协调员
客户服务
数据库管理
数字营销
直销
活动和促销管理
市场调查

您可以将

defaultOpen

类添加到overview按钮，并调用

单击主体的
onload
属性，或者您也可以在
窗口中执行此操作。onload
事件会被注释：


/*window.onload=函数（）{
document.getElementsByClassName（'defaultOpen'）[0]。单击（）；
}*/
函数openCity（evt、cityName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；ifunction openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
window.onload = function(){
  document.getElementsByClassName('tablinks')[0].click();
}

<div class="tab">
  <button class="tablinks" id="default" onload="document.getElementById('defaultOpen').click();)">Overview</button>
  <button class="tablinks" onclick="openCity(event, 'learn')">What You Will Learn</button>
  <button class="tablinks" onclick="openCity(event, 'content')">Programme Content</button>
    <button class="tablinks" onclick="openCity(event, 'path')">Career Path</button>
</div>

function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
window.onload = function(){
  document.getElementById('default').click();
}