在HTML中使用JavaScript

一、<script>标签

向HTML中插入JavaScript的主要方法就是<script>元素。<script>定义了下列6个元素：

async:规定异步执行脚本（仅适用于外部脚本）。

<script type="text/javascript" src="demo_async.js" async="async"></script>

如果 async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）

如果不使用 async 且 defer="defer"：脚本将在页面完成解析时执行

如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本

charset:规定在外部脚本文件中使用的字符编码。

<script type="text/javascript" src="myscripts.js" charset="UTF-8"></script>

defer:规定是否对脚本执行进行延迟，直到页面加载为止

<script type="text/javascript" defer="defer">
alert(document.getElementById("p1").firstChild.nodeValue);
</script>

language：已废弃（不建议使用）

src:规定外部脚本的URL

type:这个属性可以不指定，默认type="text/javascript"

二、标签的位置

按照惯例<script>元素都应该放在页面的<head>标签中

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>hello world</title>
    <script type="text/javascript" src="js/jquery.js"></script>
</head>

这样做意味着必须js文件全部下载才能开始加载页面，所以通常这样做（js在最后面引入）

<body>
  <div data-role="page" id="load_index" data-theme="c">
    <div data-role="header" data-position="fixed">
      <h4>阳光小强</h4>
    </div>
    <p class="border_p01"></p>  
    <div class="load">
       <p class="t">心是一个人的翅膀，心有多大世界就有多大，每个人都有一颗不平凡的心——相信自己</p>
       <p><img src="images/rttop_loading.gif" alt="" /></p>
       <p class="l">正在加载数据...</p>
    </div>
    <div data-role="footer" data-position="fixed" >
      <h1>©2014 blog.csdn.net/dawanganban studio</h1>
    </div>
  </div>
<script src="js/rttopHtml5.base.js" 
          type="text/javascript"></script>
<script src="js/rttopHtml5.news.js" 
      type="text/javascript" ></script>
</body>

除了这种方式外，还可以设置defer="defer"属性，但是不好的是某些低版本浏览器不支持HTML5.

三、<noscript>元素

1、浏览器不支持脚本

2、浏览器支持脚本，但是脚本被禁用了

    <noscript>
    	<p>本页面需要浏览器支持（启用）JavaScript</p>
    </noscript>