zoukankan      html  css  js  c++  java
  • 2. javacript高级程序设计-在HTML中使用JavaScript

    1.1 <script>元素

    向HTML页面中插入JavaScript的主要方法,就是使用<script>元素,<script>元素定义了一下6个元素:

    (1). async:可选,表示立即下载脚本,只对外部脚本文件有效

    (2). charset:可选,表示通过src属性指定的代码的字符集

    (3). defer:可选,表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有效

    (4). language:已废弃,原来用于表示编写代码使用的脚本语言

    (5). src:可选,表示包含要执行代码的外部文件

    (6). type:可选,可以看成language的代替属性,表示编写代码使用的脚本语言的内容类型(也成为MIME类型),现在约定俗称使用的是text/javascript

    1.2 使用方式

    <script>的使用方式有两种:直接在页面中嵌入JavaScript代码和包含外部JavaScript文件

    (1). 页面中嵌入JavaScript代码

    <script type="text/javascript">

        function sayHi() {

           alert("hello world");

        }

    </script>

    (2). 包含外部JabaScript文件

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

    使用外部文件引入JavaScript代码会存在可维护性,可缓存和适应未来等优点,所以建议使用外部文件来引用JavaScript

    1.3 标签的位置

    现在web应用程序一般都把全部JavaScript引用文件放在<body>元素中页面内容的后面,这样在页面解析JavaScript之前会先加载页面内容

    <!DOCTYPE html>

    <head>

        <title>demo</title>

     

    </head>

    <body>

        <!--内容放在这里-->

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

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

    </body>

    </html>

    1.4 <noscript>元素

    使用<noscript>元素可以指定在不支持脚本或者禁用脚本的浏览器中显示代替的内容

    <!DOCTYPE html>

    <head>

        <title>demo</title>

     

    </head>

    <body>

        <noscript>

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

        </noscript>

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

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

    </body>

    </html>

  • 相关阅读:
    原创《小白的Java自学课》第一课:Java是什么?Java到底能干嘛?
    谷歌chrome浏览器
    QT学习之QPair类
    char 与 signed char 和 unsigned char三者之间的关系
    QT学习之QT判断界面当前点击的按钮和当前鼠标坐标
    QT学习之QScript
    QT Creater 配色方案及下载
    QT学习之QString的arg方法
    QT创建与调用Dll方法(包括类成员)--显式调用
    C++学习之显式类型转换与运行时类型识别RTTI
  • 原文地址:https://www.cnblogs.com/SLchuck/p/4307492.html
Copyright © 2011-2022 走看看