求问一下该怎么才可以在一个html中同时用两个script呢？

Question

初学没 多久
代码如下
<script src="JSri/fenlei1.js" type="text/javascript"charset="utf-8" ></script>
<script src="JSri/fenlei2.js" type="text/javascript"charset="utf-8" ></script>
第一个

function flexMenu(id)
{
var $id = document.getElementById(id);
var titleList = $id.getElementsByTagName('h2');
var contentList = $id.getElementsByTagName('div');
titleList[titleList.length-1].style.border = 'none';
for(var i=0;i<titleList.length;i++)
{
titleList[i].onclick = function()
{
for(var a=0;a<contentList.length;a++)
{
contentList[a].style.display = 'none';
}
if(this.nextSibling.nodeType=='3')
{
this.nextSibling.nextSibling.style.display = '';
}else
{
this.nextSibling.style.display = '';
}
}
}
}
window.onload = function(){ flexMenu('box');
}
第二个
function btn1(){
document.getElementById('div1').style.display='block';
document.getElementById('div2').style.display='none';
document.getElementById('div3').style.display='none';
document.getElementById('div4').style.display='none';
document.getElementById('div5').style.display='none';
document.getElementById('div6').style.display='none';
}
function btn2(){
document.getElementById('div1').style.display='none';
document.getElementById('div2').style.display='block';
document.getElementById('div3').style.display='none';
document.getElementById('div4').style.display='none';
document.getElementById('div5').style.display='none';
document.getElementById('div6').style.display='none';
}

Answer 1

可以在一个html中同时用两个script只需要导入到页面就可以了。写法如下：首先导入外部的js文件。<script src="aa.js" type="text/javascript"></script><script src="bb.js" type="text/javascript"></script>src属性为外部js的路径然后在可以在HTML中使用JS中的函数。例如的按钮onclick事件中调用aaa函数如：onclick=“aaa()”

Answer 2

script type="text/javascript" charset="utf-8" src="要应用的js文件路径"></script><script language="javascript" src="要应用的js文件路径"> 加十个都没问题。只要将它们放到头标签之前就ok了。