Javascript-基础篇<Script></script>的基础使用

1.属性:

  1.1.async:可选,表示立即加载该脚本,但不妨碍页面中其他的操作,比如下载其他的脚本。

   实例:

  

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            作者:[email protected]163.com
            时间:2017-04-07
            描述:这里放内容
        -->
        <script type="text/javascript" async="async" src="test1.js"></script>
         <script type="text/javascript" async="async" src="test2.js"></script>
    </body>
</html>

注意事项:两个外部脚本文件之间都是可以互不干扰的立即下载,需要确保的是的两个文件之间没有相互依赖

1.2 defer:可选,表示延迟加载直到文档完全被加载解析完成后再执行。只对外部文件有用。

  实例:

    

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            描述:这里放内容
        -->
        <script type="text/javascript" defer="defer" src="test1.js"></script>
        <script type="text/javascript" defer="defer" src="test2.js"></script>
    </body>
</html>

注意事项:HTML5中规定要求延迟脚本要求按照延迟脚本的出现顺序来先后实行脚本的,第一个延迟脚本会在第二个延迟脚本先前执行。而这两个脚本会先于DOMCountentLoaded事件执行。而现实当中,延迟脚本不一定按照出现的先后顺序执行,也不一定先于DOMCountentLoaded事件执行。

1.3 charset:可选,表示通过src属性指定的代码的字符集,已被忽略不做深究。

1.4 language:已废弃,不做深究。

1.5 src :包含要执行代码的外部文件。

1.6 type: 可选,表示编写代码使用的脚本内容的类型。text/javascript和text/ecmascript都已经不被推荐使用,但是基于一直以来的用户习惯。目前还是建议使用,不过并不是必须的,没有指定这个属性,则其默认值还是text/javascript

时间: 2025-01-13 04:04:27

Javascript-基础篇<Script></script>的基础使用的相关文章

Eclipse插件开发之基础篇(1) 插件开发的基础知识

转载出处http://www.cnblogs.com/liuzhuo 名词翻译 有一些名词在翻译的过程中可能会出现歧义,在这里统一一下. アーキテクチャ=architecture=架构 プラットフォーム=platform=平台 コンポーネント=component=组件 其余的随时补充. 1.Eclipse的架构 Eclipse被作为java的IDE(集成开发环境)被广泛的应用,但是从本质上看Eclipse是一个整合了各种开发工具的平台.因此,它采用了可以自由的增加各种功能的插件架构技术.Ecli

[转]Eclipse插件开发之基础篇(1) 插件开发的基础知识

原文地址:http://www.cnblogs.com/liuzhuo/archive/2010/08/13/eclipse_plugin_1_0_2.html 名词翻译 有一些名词在翻译的过程中可能会出现歧义,在这里统一一下. アーキテクチャ=architecture=架构 プラットフォーム=platform=平台 コンポーネント=component=组件 其余的随时补充. 1.Eclipse的架构 Eclipse被作为java的IDE(集成开发环境)被广泛的应用,但是从本质上看Eclipse

老王python基础篇--python, 视频, 教程, 视频教程, 基础

老王python基础篇 基础篇11-python基本数据结构-元组和集合.rar 基础篇19-python语句与数据结构应用.rar 基础篇21-文本操作应用.rar 基础篇3-虚拟机安装xubuntu开发环境.rar 基础篇17-python语句1.2.rar 基础篇10-python基本数据结构-列表应用.rar 基础篇9-python基本数据结构-列表.rar 基础篇5-python基本数据类型讲解1.1.rar 基础篇18-基础篇综合习题.rar 基础篇8-python基本数据类型习题解

Java程序员面试题之JavaSE之基础篇

一.JavaSE之基础篇 1.JavaSE基础之语法 ######(1).简述你对JVM,JRE,JDK的理解? JVM:java虚拟机.是一个模拟的计算机,相当于真实存在的计算机(软件+硬件). JDK:是整个java的核心.程序员的产品.包括了java的运行环境.java的工具.java的基础类库. JRE:运行环境.拓展----JVM.JDK和JRE之间的关系:JDK包括JRE,JRE包括JVM######(2).一个".java"源文件中是否可以包括多个类(非内部类)?有什么限

Javascript基础篇小结

Javascript基础篇小结 字数9973 阅读3975 评论7 喜欢28 转载请声明出处 博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课时 入门基础 知识点: 操作系统就是个应用程序 只要是应用程序都要占用物理内存 浏览器本身也是一个应用程序 浏览器本身只懂得解析HTML 调用浏览器这个应用程序的一个功能绘制 1.javascript介绍 JavaScript操作DOM的本质是=获取+触发+改变 目的:就是用来操作内存中的DOM节点 修改D

JavaScript笔记基础篇(二)

基础篇主要是总结一些工作中遇到的技术问题是如何解决的,应为本人属于刚入行阶段技术并非大神如果笔记中有哪些错误,或者自己的一些想法希望大家多多交流互相学习. 1.ToFixed()函数 今天在做Birt报表时, 要显示一列百分比的数据,但因一些特别的原因,不能使用使用百分比样式,即如果数据是0.9538不能显示成“95.38%”的样式,必须显示成“95.38”. 开始时想使用javascript的内置函数Math.round(),可Math.round()只能显示为整数,而不能保留小数. 再网上搜

前端开发工程师 - 02.JavaScript程序设计 - 第1章.基础篇

第1章--基础篇 JS介绍 html 网页的内容:css 网页的样式:javascript 网页的行为 i.e. hello world <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascrip

史上最全、JavaScript基础篇

索宁 Hot summer nights mid July, when you and  I were forever wild. 首页 新随笔 联系 管理 随笔 - 12  文章 - 5  评论 - 19 史上最全.JavaScript基础篇 本章内容: 简介 定义 注释 引入文件 变量 运算符 算术运算符 比较运算符 逻辑运算符 数据类型 数字 字符串 布尔类型 数组 Math 语句 条件语句(if.switch) 循环语句(for.for in.while.do-while) label语

Javascript DOM 基础篇 01

DOM基础 DOM是什么 答:文件对象模型(Document Object Model,简称DOM),DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构!来自网络 本节了解了下面知识点: DOM节点 childNodes  nodeType 获取子节点 children parentNode 例子:点击链接,隐藏整个li offsetParent 例子:获取元素在页面上的实际位置 DOM节点(2) 首尾子节点 有兼容性问题 firstChild.firstElementChil