|
一．script寫到 head
1. 跳轉 <a 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>
|
|
|
