JS中需要注意的小问题
JS中的覆盖问题
1.引用外部JS文件之后,html中的内部JS代码会被覆盖(或者是不能被调用)
html 代码如下
<body>
<button onclick="outsides()()">外部方法</button>
<button onclick="insides()">内部方法</button>
<script src="js/august.js">
function insides(){
alert("内部方法");
}
</script>
</body>
外部 js 代码如下
function outsides(){
alert("外部引用的方法");
}
执行结果:
内部方法没有被执行
外部引用方法被执行
解决方法
在外部引用标签对之后,再写一对<script></script>标签,来执行 js 代码
代码如下
<body>
<button onclick="outsides()()">外部方法</button>
<button onclick="insides()">内部方法</button>
<script src="js/august.js">
</script>
<script type="text/javascript">
function insides(){
alert("这是一个内部方法");
}
</script>
</body>
执行结果:
内部方法和外部方法都可以执行
2.多个相同的方法名(形参个数也相同),只调用最后一个函数
代码如下
<body>
<button onclick="insides()">方法</button>
<script type="text/javascript">
function insides(){
alert("第一个方法");
}
function insides(){
alert("第二个方法");
}
</script>
</body>
执行结果
只调用了第二个方法