• 周蓬安.blog的博客—强国博客—人民网 2019-05-10
  • 紫光阁中共中央国家机关工作委员会 2019-05-10
  • 感触名家笔下的端午文化吃香粽原来可以这样文艺 2019-05-09
  • 追梦夺冠游行嘲讽詹皇 百万人面前穿订制T恤羞辱他 2019-04-27
  • 《瘟疫传说》:黑死病恐怖 姐弟在绝望中求生 2019-04-10
  • 陕西国防工业职业技术学院百名大学生志愿者敬老院慰问孤寡老人陕西国防工业职业技术学院百名大学生志愿者敬老院慰问-陕西教育新闻 2019-04-08
  • 西藏拉萨:新家园 新生活 2019-04-08
  • 尊重和保障宗教信仰自由的中国实践 2019-04-06
  • 一敬泯恩仇 俄罗斯队主帅这个动作太暖了 2019-03-20
  • 四大名著剧组首次同台忆往事 经典影视剧如何铸就? 2018-12-07
  • “天眼”凝望 探秘宇宙 2018-12-07
  • 0

    JavaScript 在 HTML 文件中的位置

    Posted by 撒得一地 on 2016年4月29日 in JavaScript教程
    国外稳定加速器推荐    Express | Vypr

    JavaScript 代码可以灵活的嵌到 HTML 文档中的任何地方。不过,在 HTML 文件中包含 JavaScript 代码,最首选的应该考虑下面这几种方式:

    将 script 脚本代码放到 <head>…</head> 这两个标签之间。

    将 script 脚本代码放到 <body>…</body>这两个标签之间。

    将 script 脚本代码分别放到 <body>…</body> 和 <head>…</head> 之间。

    当引用外部脚本文件时, 在 <head>…</head> 标签之间将外部文件引入进来。

    在下面的介绍中,我们将看到如何在 HTML 文件中使用不同的方式放置 JavaScript 代码。

    JavaScript 在 <head>…</head> 标签之间

    如果你想要让 JavaScript 执行某些事件,例如当用户单击某个地方便运行相应的脚步,那么你可以将代码放在在头部中,如下所示:

    <html>
    	<head>
    	 <script type="text/javascript">
    	   <!--
    	       function sayHello() {
    	         alert("Hello World")
    	      }
    	   //-->
    	  </script> 
        </head>
        <body>
    	  <input type="button" onclick="sayHello()" value="Say Hello" />
    	</body>  
    </html>
    

    亲自试一试

    JavaScript in <body>…</body> 块中

    如果你需要在页面加载时运行脚本,以便在页面中生成特定内容,那么你可以将脚本放置在文档中的 <body> 部分。在这种情况下,你不会使用到 JavaScript 定义的任何函数??纯聪旅娴拇?。

    <html>
    	<head>
    	</head>
    
    	<body>
    	  <script type="text/javascript">
    	    <!--
    	       document.write("Hello World")
    	   //-->
    	  </script>
    
    	 <p>This is web page body </p> 
       </body>
    </html>   
    

    亲自试一试

    此代码将产生以下结果:

    Hello World
    This is web page body
    

    JavaScript 在 <body> 和 <head> 块里

    你可以将 JavaScript 代码分别放在 <head> 和 <body> 块里 ,如下:

    <html>
    	<head>
    	  <script type="text/javascript">
    	    <!--
    	      function sayHello() {
    	         alert("Hello World")
    	       }
    	    //-->
    	  </script>
    	</head> 
    
    	<body>
    	  <script type="text/javascript">
    	     <!--
    	       document.write("Hello World")
    	     //-->
    	  </script>  
    	  <input type="button" onclick="sayHello()" value="Say Hello" />  
    	</body>
    </html>
    

    亲自试一试

    JavaScript 在外部文件中

    当你开始更广泛地使用 JavaScript 时,你可能发现有时候在网站上的多个页面, 需要重复使用相同的 JavaScript 代码。

    当然,你并不会受到限制,你可以将相同的代码放在多个 HTML 文件中。但是,在脚本标签中提供一种机制,允许你将 JavaScript 存储在外部文件中,然后将它包含到你的 HTML 文件,这样你就可以将相同的 JavaScript 代码放到外部文件中,然后公共引用它。

    下面是一个例子,使用脚本标签和其 src 属性,显示了如何将外部的 JavaScript 文件引入到 HTML 代码中。

    <html>
       <head>
    	 <script type="text/javascript" src="filename.js" ></script>
       </head>
    
    	<body>
    	  .......
    	</body>
    </html>
    

    要从外部文件源使用 JavaScript,你需要建一个扩展名为".js"文本文件,然后在文本文件中写入 JavaScript 代码,最后包含该文件,如上例所示。

    例如,可以将以下内容保存在 filename.js 文件,在 HTML 文件中包含 filename.js 文件后,你就可以使用 sayHello 函数了。

    function sayHello() {
       alert("Hello World")
    }
    

    上一篇:

    下一篇:

    相关推荐

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    3 + 3 = ?

    网站地图|广东快乐10分开奖直播

    Copyright © 2015-2019 广东快乐10分开奖直播 All rights reserved.
    闽ICP备15015576号-1,版权所有?psz.

  • 周蓬安.blog的博客—强国博客—人民网 2019-05-10
  • 紫光阁中共中央国家机关工作委员会 2019-05-10
  • 感触名家笔下的端午文化吃香粽原来可以这样文艺 2019-05-09
  • 追梦夺冠游行嘲讽詹皇 百万人面前穿订制T恤羞辱他 2019-04-27
  • 《瘟疫传说》:黑死病恐怖 姐弟在绝望中求生 2019-04-10
  • 陕西国防工业职业技术学院百名大学生志愿者敬老院慰问孤寡老人陕西国防工业职业技术学院百名大学生志愿者敬老院慰问-陕西教育新闻 2019-04-08
  • 西藏拉萨:新家园 新生活 2019-04-08
  • 尊重和保障宗教信仰自由的中国实践 2019-04-06
  • 一敬泯恩仇 俄罗斯队主帅这个动作太暖了 2019-03-20
  • 四大名著剧组首次同台忆往事 经典影视剧如何铸就? 2018-12-07
  • “天眼”凝望 探秘宇宙 2018-12-07
  • 快三走势图 竞彩足球比分直播 排列三近十期试机号 球的计算公式 上一期彩票开奖查询结果 最新国产免费牛牛视频 北京pk10直播网 极速快3开奖结果 体育彩票排列5 北京pk10能不能作弊 福建时时彩0 七星彩开奖结果 天津时时彩全国开奖公告 6场半全场奖金有人中吗 时时彩平台哪个好 新疆时时彩开奖周期