码迷,mamicode.com
首页 > 其他好文 > 详细

JaveScript放置的位置

时间:2018-05-25 21:09:22      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:htm   style   脚本   call   java   write   第一个   tle   结果   

1.head标记中的脚本

 1 <html>
 2 <head>
 3 <meta charset="UTF-8">
 4 <title>head中定义的JS函数</title>
 5 <script type="text/javascript">
 6 funtion message()
 7 {
 8 alert("调用JS函数!sum(100,200)="+sum(100,200));
 9 funtion sum(x,y)
10 {
11 return x+y;    //返回函数计算结果
12 }
13 }
14 </script>
15 </head>
16 <body>
17 <h4>head标记内定义两个JS函数</h4>
18 <form>
19 <input name="btnCallJS" type="button" onclick="message();" value="计算并显示两个数的和">
20 </form>
21 </body>
22 </html>

 

2.body标记中的脚本

 1  <html>
 2  <head>
 3  <meta charset="UTF-8">
 4  <title>第一个JavaScript实例</title>
 5  </head>
 6 <body>
 7 <script type="text/javascript">
 8 document.write("第一个JavaScript实例!");
 9 </script>
10 </body>
11 </html>

 

3.外部js文件中的脚本

1 <!--demo.js-->
2 funtion message()
3 {
4 alert("调用外部js文件的函数");
5 }
 1  <html>
 2  <head>
 3  <meta charset="UTF-8">
 4  <title>调用外部js文件的JaveScript函数</title>
 5 <script type="text/javascript" src="dmeo.js"></script>
 6  </head>
 7 <body>
 8 <form>
 9 <input name="btnCallJS" type="button" onclick="message();" value="调用外部js文件的JavaScript函数">
10 </form>
11 </body>
12 </html>

 

 4.事件处理的代码中的脚本

 1  <html>
 2  <head>
 3  <meta charset="UTF-8">
 4  <title>直接在事件处理代码中加入JavaScript代码</title>
 5  </head>
 6 <body>
 7 <form>
 8 <input type="button" onclick="alert(‘直接在事件处理代码中加入JavaScript代码‘)" value="直接调用JavaScript代码">
 9 </form>
10 </body>
11 </html>

 

JaveScript放置的位置

标签:htm   style   脚本   call   java   write   第一个   tle   结果   

原文地址:https://www.cnblogs.com/gly1120/p/9090342.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!