《JavaScript高级程序设计》笔记：在HTML中使用Javascript（二）

script元素

向html页面中插入js的主要方法就是使用<script>元素。
使用<script>元素的方式有两种：直接在页面中嵌入js代码和包含外部js文件。
直接在页面中嵌入js代码如下：

<script type="text/javascript">

    function sayHi(){

        alert("Hi!");

    }

</script>

外部js文件引入方式：

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

延迟脚本 defer

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"/>

<title>Example HTML Page</title>

<meta name="description" content=""/>

<meta name="keywords" content=""/>

<link type="text/css" rel="stylesheet" href="css/reset.css"/>

<link type="text/css" rel="stylesheet" href="css/main.css"/>

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

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

</head>

<body>

<!--这里是内容-->

</body>

</html>

在这个例子中，虽然我们把<script>元素放在了文档的<head>元素中，但其中包含的脚本将延迟到浏览器遇到</html>标签后再执行。

异步加载 async

指定async属性的目的是不让页面等待两个脚本下载和执行，从而异步加载页面其他内容，为此，建议异步脚本不要在加载期间修改DOM。

异步脚本一定会再页面load事件前执行，但可能会再DOMContentLoaded事件触发之前或之后执行。

就是在head标签之间加上代码：

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

文档模式

最初的俩种文档模式是：混杂模式(quirks mode)和标准模式(standards mode)。混杂模式会让IE的行为与（包含非标准特性的）IE5相同，而标准模式则让IE的行为更接近标准行为。

如果在文档开始初没有发现文档类型声明，则所有浏览器都会默认开启混杂模式。

noscript元素

包含在<noscript>元素中的内容只有在下列情况下才会显示出来：

浏览器不支持脚本
浏览器支持脚本，但脚本被禁用

<body>

<noscript>

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

</noscript>

</body>

《JavaScript高级程序设计》笔记：在HTML中使用Javascript（二）的更多相关文章

JavaScript高级程序设计笔记（一）
---恢复内容开始--- 前三章为基础知识,为了方便以后查看,所以比较啰嗦.这里对函数的基本操作没有记录. 1.JavaScript的实现虽然 JavaScript 和 ECMAScript 通常都 ...
JavaScript高级程序设计笔记之面向对象
说起面向对象,大部分程序员首先会想到类 .通过类可以创建许多具有共同属性以及方法的实例或者说对象.但是JavaScript并没有类的概念,而且在JavaScript中几乎一切皆对象,问题来了,Jav ...
javascript高级程序设计--笔记01
概述 JavaScript的实现包含三个部分: 1 核心(ECMAScript) 提供核心语言功能 2 文档对象模型(DOM) 一套提供了访问以及操作网页内容的API 3 浏览器对象模型( ...
javascript事件小结（事件处理程序方式）--javascript高级程序设计笔记
1.事件流:描述的是从页面中接收事件的顺序. 2.事件冒泡:IE的事件流叫做事件冒泡,即事件开始从具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到不具体的节点(文档). 3.事件捕获 ...
JavaScript高级程序设计笔记事件冒泡和事件捕获
1.事件冒泡要理解事件冒泡,就得先知道事件流.事件流描述的是从页面接收事件的顺序,比如如下的代码: <body> <div> click me! </div> & ...
<javascript高级程序设计>笔记
1.要讲一个值转换成其对应的Boolean类型 ,可以调用转型函数Boolean(). var message=“hello world!”; var messageAsBoolean=Boolean ...
Javascript高级程序设计笔记(很重要尤其是对象的设计模式与继承)
var obj = {'a':'a'}; var fun = function (){} console.log(typeof obj);//object console.log(typeof fun ...
javaScript高级程序设计笔记 2
Undefinde Null Boolean Number String 基本类型 Object 引用类型只有引用类型才能动态的添加属性赋值基本类型和引用类型也不相同,复制的基本类型的 ...
javaScript高级程序设计笔记 1
核心 ECMAScript 文档对象模型 DOM 浏览器对象模型 BOM 延迟脚本 defer typeof操作符判断字符类型返回 undefined boolean s ...
Javascript高级程序设计笔记 <第五章> 引用类型
一.object类型创建object实例的方式有两种: //第一种使用new操作符跟构造函数 var person= new Object(); person.name="小王" ...

随机推荐

第56节:ArrayList,LinkedList和String
import java.util.ArrayList; public class Demo{ public static void main(String[] args) throws Excepti ...
For、Foreach、和Parallel.For等简单的速度检测
控制台代码直接复制即可 static void Main(string[] args) { List<int> testData = new List<int>(); Ra ...
java 实现一个beautiful的弹层和具体功能
先看一下弹层的效果: 点击确定跳转百度页面,点击取消弹层消失. 我这个弹层是在layui找的, 1. 需要layui.css文件和layui.js文件 (想我这样笨的人,没有同学的告知,我都不知道去哪 ...
Vue SSR不可不知的问题
Vue SSR不可不知的问题本文主要介绍Vue SSR(vue服务端渲染)的应用场景,开发中容易遇到的一些问题,提升ssr性能的方法,以及ssr的安全性问题. ssr的应用场景 1.SEO需求 SE ...
IdentityServer4源码颁发token分析及性能优化
IdentityServer4源码地址 IdentityModel源码地址以下的流程用ResourceOwnerPassword类型获取token作为介绍分两种获取形式说明 token请求地址为默 ...
Java中的enum枚举类
首先说说为什么要写这个enum枚举类吧,是群里有个新手问:怎样把enum类中的值遍历得到,其实自己用的也很少.自己也是确实不知道,于是我去网上搜了不少,总结了些,希望对大家有帮助:首先我说说怎样遍历枚 ...
rest-framework之APIView 序列化组件
rest-framework之APIView 一安装djangorestframework 方式一:pip3 install djangorestframework 方式二:pycharm图形化界面 ...
Golang中的自动伸缩和自防御设计
Raygun服务由许多活动组件构成,每个组件用于特定的任务.其中一个模块是用Golang编写的,负责对iOS崩溃报告进行处理.简而言之,它接受本机iOS崩溃报告,查找相关的dSYM文件,并生成开发者可 ...
痞子衡嵌入式：ARM Cortex-M内核那些事（1）- 内核架构编年史
大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家介绍的是ARM内核架构历史. 众所周知,ARM公司是一家微处理器行业的知名企业,ARM公司本身并不靠自有的设计来制造或出售CPU,而是将处理器架 ...
Java设计模式之《模板模式》及使用场景
原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9558825.html 模板模式,顾名思义,就是通过模板拓印的方式. 定义模板,就是定义框 ...