JavaScript放置的位置
JavaScript代码一般放在head和body部分。
页面载入时自动执行body中的JavaScript;
一、而位于head部分的JavaScript只有被显示调用的时候才会被执行;
语法;
<script type="text/javascript" [src="外部js文件"]> js语句块; </script>
<script language="JavaScript" [src="外部js文件"]> js语句块; </script> 当src设置属性的时候,script内部js语句块会被忽略
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>head中定义的js函数</title> <script type="text/javascript"> function massage(){ alert("调用js函数!sum(100+200)="+sum(100,200)); } function sum(x,y) { return x+y; } </script> </head> <body> <h4>head里面有两个js函数</h4> <p>无返回值函数:message()</p> <p>有返回值函数:sum(x,y)</p> <form> <input name="btnCallJS" type="button" onclick="massage();" value="计算两数之和"/> </form> </body> </html>
head中两个js函数
二,script函数在body中
三、js函数在另一个JS文件中。
<!-- demo.js --> function message() { alert("我是JS文件中的函数哟,我被调用啦") }
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>调用外部js文件是JavaScript代码</title> <script type="text/javascript" src="js/demo.js"> document.write("这条语句没有被执行,因为src有用啦") </script> </head> <body> <form> <input name="zhihan" type="button" onclick="message()" value="调用了一个外边的函数哟"/>
<input type="button" name="ZHIHAN" onclick="alert('直接在事件代码中插入js代码')" value="直接在事件中调用"/> </form> </body> </html>