zoukankan      html  css  js  c++  java
  • 在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>元素

    <noscript>元素用以在不支持Javascript的浏览器中显示替代的内容,这个元素可以出现在<body>中的任何一个HTML元素。包含在<noscript>中的元素只有在下列情况下会被显示出来:

    1、浏览器不支持脚本

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

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




  • 相关阅读:
    uniApp 实现微信小程序和app视频播放flv格式视频监控
    uniapp 给子组件传值不及时显示
    uni-app 中$refs 在app中无法使用
    使用甘特图
    背景图片加蒙版,里面内容不受影响
    MyBatis 多对一操作
    在Maven项目中使用lombok
    MyBatis使用分页
    Log4j打印日志
    paramiko 下载文件
  • 原文地址:https://www.cnblogs.com/lanzhi/p/6469060.html
Copyright © 2011-2022 走看看