《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="小王" ...

随机推荐

ScrollView嵌套子View的getDrawingCache为空的解决方法
ScrollView嵌套子View的getDrawingCache为空的解决方法问题将组件的显示布局改为可以滚动的,然后用ScrollView作为了View的父类,发现View的getDrawin ...
C 线性表的链式存储实现及插入、删除等操作示例
一.链式存储的优势线性表的存储可以通过顺序存储或链式存储实现,其中顺序存储基于数组实现(见本人上一篇博客),在进行插入删除等操作时,需对表内某一部分元素逐个移动,效率较低.而链式结构不依赖于地址连续 ...
Kali学习笔记37：APPSCAN
APPSCAN是一款商业Web扫描器,被IBM公司收购功能和AVWS.Burp类似,不过界面更加简单 APPSCAN的使用比Burp等开源软件要简单很多所以我这里写得内容比较少,不过它的功能还是很 ...
[Postman]创建第一个集合(2)
邮递员收藏是一组可以组织到文件夹中的已保存请求. 您在Postman中发送的每个请求都会显示在侧栏的“ 历史记录”选项卡下.在小规模上,通过历史部分重用请求很方便.但是,随着邮递员使用量的增加,在历史 ...
数据库建模&逆向工程工具
工具推荐先走一波: Navicat Premium:https://www.navicat.com.cn/products/navicat-premiumPremium (个人推荐) Navicat ...
WebSocket(1)---WebSocket介绍
WebSocket介绍一.为什么需要 WebSocket? 初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么好处? 答案很 ...
struts2框架(1)---struts2入门
struts2框架如果你之前在MVC模式的时候一直都是通过servlet,获取和返回数据,那么现在开始学习struts2框架, Struts是一个实现MVC设计模式的优秀的框架.它的许多优点我就不说 ...
CentOS7.0小随笔——运行级别
一.Linux运行级别(通用) 0:关机(halt) 1:单用户模式(无需用户名和密码的登录,用于紧急维护系统时用,类似于Windows中的安全模式) 2:不启用网络功能的多用户模式 3:启用网络功能 ...
项目ITP(三) 玩玩服务端到 app端
前言系列文章:[传送门] 泡泡脚,写写博客,规律生活,睡个好觉,待会看会书. 正文上面讲了二维码生成,及手机端扫一扫,大家有兴趣去看看. 今天我们讲一下,百度云推送平台. 每天想着问题,问题只会 ...
HttpClientHelper
using Newtonsoft.Json; using System; using System.Collections.Generic; using System.IO; using System ...