一.script写到 head
1. 跳转 <a href="http://www.baidu.com" onclick="bb();"> 测试 引入的 外部js文件</a>
<html> <head>
<style > </style>
<script src="1.js"> </script> <script> function aa() { alert("Hi,JavaScipt"); } </script>
</head>
<body>
<input type=button value=测试 onclick="aa();"/> <a href="http://www.baidu.com" onclick="bb();"> 测试 引入的 外部js文件</a> </body>
</html>
function bb(){
alert("Hello bbb"); }
function cc(){ alert("Hello ccc");
}
2 网页不 跳转 <a href="#" onclick="bb();">
<html> <head>
<style > </style>
<script src="1.js"> </script>
<script> function aa() { alert("Hi,JavaScipt"); } </script>
</head>
<body> <input type=button value=测试 onclick="aa();"/> <a href="#" onclick="bb();"> 测试 引入的 外部js文件</a> </body>
</html>
3 超链接 <a href="javascript:void(0)" onclick="bb();"> 测试 引入的 外部js文件</a>
<html> <head>
<style > </style>
<script src="1.js"> </script>
<script> function aa() { alert("Hi,JavaScipt"); } </script>
</head>
<body> <input type=button value=测试 onclick="aa();"/> <a href="javascript:void(0)" onclick="bb();"> 测试 引入的 外部js文件</a> </body>
</html>
4 调 多个函数 <input type="button" value="测试2" onclick="aa(); bb(); cc();">
function bb(){
alert("Hello bbb"); }
function cc(){ alert("Hello ccc");
}
<html> <head>
<style > </style>
<script src="1.js"> </script>
<script> function aa() { alert("Hi,JavaScipt"); } </script>
</head>
<body> <input type=button value=测试 onclick="aa();"/> <a href="javascript:void(0)" onclick="bb();"> 测试 引入的 外部js文件</a> <hr>
<input type="button" value="测试2" onclick="aa(); bb(); cc();"> </body>
</html>
二.JavaScript写到body 1. 全写到
function bb(){
alert("Hello bbb"); }
function cc(){ alert("Hello ccc");
<html> <head>
<style > </style>
</head>
<body>
<script src="1.js"> </script>
<script> function aa() { alert("Hi,JavaScipt"); } </script>
<input type=button value=测试 onclick="aa();"/> <a href="javascript:void(0)" onclick="bb();"> 测试 引入的 外部js文件</a> <hr>
<input type="button" value="测试2" onclick="aa(); bb(); cc();"> </body>
</html>
2 script 还可以 直接 调 写语句 <html> <head>
<style > </style>
</head>
<body>
<script src="1.js"> </script>
<script> function aa()
{ alert("Hi,JavaScipt"); }
bb(); alert("哈哈哈,我是警告框!!!")
</script>
<input type=button value=测试 onclick="aa();"/> <a href="javascript:void(0)" onclick="bb();"> 测试 引入的 外部js文件</a> <hr>
<input type="button" value="测试2" onclick="aa(); bb(); cc();"> </body>
</html>
|
|