Javascript 高级程序设计（第3版）

2017-05-10

在 html 中使用 js

把js代码写在 <script type="text/javascript"></script> 这样的标签即可。 type="text/javascript" 可以不写，要写就要写对。
在 html 中使用 js 弹出 1

  <!DOCTYPE html>

  <html lang="en">

  <head>

    <meta charset="UTF-8">

    <title>Document</title>

  </head>

  <body>

    <script>

      alert(1);

    </script>

  </body>

  </html>

在 script 标签中使用 </script> 时会发生错误，因为浏览器会把他认为是结束标签。需要转义一下 <\/script>。

  <!DOCTYPE html>

  <html lang="en">

  <head>

    <meta charset="UTF-8">

    <title>Document</title>

  </head>

  <body>

    <script>

      alert('<\/script>'); // alert('</script>')

    </script>

  </body>

  </html>

使用外部的 js 文件

使用 src 属性值添加 js 文件： <script src="name.js"></script> 。

当浏览器解析外面的 js 文件时，会暂停对当前页面的解析。
使用外部 js 文件时，标签内不能再写 js 代码。
只要没有 defer 和 async 属性，浏览器默认从上到下解析每个 script 标签。

js文件的使用位置

一般都是放在 head 标签中。但推荐放在 body 的最下面，避免加载 js 文件时页面没有解析导致页面空白。

不解析任意格式的文本

在 CData 中的内容不会被解析。

  <script type="text/javascript">

  //<![CDATA[

    alert(1)

  //]]>

  </script>

建议把以外部文件使用 js

这样做有一些好处：

方便维护
可以被浏览器缓存，只下载一次

Javascript 高级程序设计（第3版） - 第02章的更多相关文章

javascript高级程序设计第3版——第10章 DOM
第十章,DOM DOM是语言中立的API,用于访问和操作HTML 和XML 文档.DOM1 级将HTML 和XML 文档形象地看作一个层次化的节点树,可以使用JavaScript 来操作这个节点树,进 ...
javascript高级程序设计第3版——第6章面向对象的程序设计
第六章——面向对象的程序设计这一章主要讲述了:面向对象的语言由于没有类/接口情况下工作的几种模式以及面向对象语言的继承: 模式:工厂模式,构造函数模式,原型模式继承:原型式继承,寄生式继承,以及寄 ...
读Javascript高级程序设计第三版第六章面向对象设计--创建对象
虽然Object构造函数或者对象字面量都可以用来创建单个对象,但是缺点非常明显:使用同一接口创建很多对象,会产生大量重复代码. 工厂模式 1 function CreatePerson(name,a ...
javascript高级程序设计第3版——第12章 DOM2与DOM3
12章——DOM2与DOM3 为了增强D0M1,DOM级规范定义了一些模块. DOM2核心:为不同的DOM类型引入了一些与XML命名空间有关的方法,还定义了以编程方式创建Document实例的方法: ...
javascript高级程序设计第3版——第1Java章 DOM扩展
虽然DOM 为与XML 及HTML 文档交互制定了一系列核心API,但仍然有几个规范对标准的DOM进行了扩展.这些扩展中有很多原来是浏览器专有的,但后来成为了事实标准,于是其他浏览器也都提供了相同的实 ...
javascript高级程序设计第3版——第8章 BOM(浏览器对象模型)
第八章,浏览器对象模型主要介绍了window的几个对象以及框架,窗口的关系,各个浏览器对象的属性以及方法:
javascript高级程序设计第3版——第7章函数表达式
此张内容的难点在于闭包.而闭包又涉及到原型,原型链,执行上下环境,this的取值等知识点.(此章节对于闭包的内容篇幅较少,且写的很是艰涩难懂,推荐一位大牛的博客,对于闭包的前因后果以及作用机制写的很明 ...
javascript高级程序设计第3版——第4章变量作用域以及内存
javascript高级程序设计第3版——第5章引用类型
javascript高级程序设计第3版——第3章基本概念

随机推荐

linux常用命令：rmdir 命令
今天学习一下linux中命令: rmdir命令.rmdir是常用的命令,该命令的功能是删除空目录,一个目录被删除之前必须是空的.(注意,rm - r dir命令可代替rmdir,但是有很大危险性.)删 ...
通用技术 mysql 亿级数据优化
通用技术 mysql 亿级数据优化一定要正确设计索引一定要避免SQL语句全表扫描,所以SQL一定要走索引(如:一切的 > < != 等等之类的写法都会导致全表扫描) 一定要避免 lim ...
flask 的session
python的flask操作设置.获得与删除session 首先讲一下Python的flask中session与cookies的关系,session是储存在服务器中的,cookies是储存在浏览器本地 ...
Python+OpenCV图像处理（八）—— 图像直方图
直方图简介:图像的直方图是用来表现图像中亮度分布的直方图,给出的是图像中某个亮度或者某个范围亮度下共有几个像素.还不明白?就是统计一幅图某个亮度像素数量.比如对于灰度值12,一幅图里面有2000 个像 ...
docker log directory
Ubuntu - /var/log/upstart/docker.log Boot2Docker - /var/log/docker.log Debian GNU/Linux - /var/log/d ...
lucene 全文检索工具的介绍
Lucene:全文检索工具:这是一种思想,使用的是C语言写出来的 1.Lucene就是apache下的一个全文检索工具,一堆的jar包,我们可以使用lucene做一个谷歌和百度一样的搜索引擎系统 2. ...
self: 限制并发量asyncio
#coding:utf-8 import time,asyncio a=time.time() id=1 async def hello(id,semaphore): async with semap ...
Python3+PyQt5+PyCharm 桌面GUI开发环境搭建
Python3+PyQt5+PyCharm 桌面GUI开发环境搭建一.安装python PyQt5所支持的python版本是不低于3.5版本 python3.5以上的版本安装:https://www ...
论文阅读笔记 Improved Word Representation Learning with Sememes
论文阅读笔记 Improved Word Representation Learning with Sememes 一句话概括本文工作使用词汇资源--知网--来提升词嵌入的表征能力,并提出了三种基于 ...
k8s开发环境
在搭建开发环境之前, 请Try Kubernetes,Get Started and CONCEPTS 可以自己使用minikube 来搭建个环境, 自己玩一玩. K8s需要一些依赖. 参看官方文档 ...

Javascript 高级程序设计（第3版） - 第02章