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章基本概念

随机推荐

mybatis源码解析8---执行mapper接口方法到执行mapper.xml的sql的过程
上一篇文章分析到mapper.xml中的sql标签对应的MappedStatement是如何初始化的,而之前也分析了Mapper接口是如何被加载的,那么问题来了,这两个是分别加载的到Configura ...
AtCoder Beginner Contest 070 ABCD题
题目链接:http://abc070.contest.atcoder.jp/assignments A - Palindromic Number Time limit : 2sec / Memory ...
@Entity 和 @Table
Java Persistence API定义了一种定义,可以将常规的普通Java对象(有时被称作POJO)映射到数据库.这些普通Java对象被称作Entity Bean.除了是用Java Persis ...
一个六年Java程序员的从业总结：比起掉发，我更怕掉队
我一直担惊受怕,过去,可能是因为我年轻,但现在,我已经不是那么年轻了,我仍然发现有很多事情让我害怕. 当年纪越来越大后,我开始变得不能加班.我开始用更多的时间和家人在一起,而不是坐在计算机前(尽管这样 ...
JS笔记—03（DOM编程）
1. 动态体现:HTML代码加载到浏览器,代码运行后改变文档(DOM树)增删改查节点.例如:ajax(不是新技术,是几个技术的合体js+http后台操作)就是这样的原理 2.js对象(浏览器对象.脚本 ...
SpringMVC配置字符编码过滤器CharacterEncodingFilter来解决表单乱码问题
1.GET请求针对GET请求,可以配置服务器Tomcat的conf\server.xml文件,在其第一个<Connector>标签中,添加URIEncoding="UTF-8& ...
php开启xdebug扩展
1.下载Xdebug(先看php下的ext文件夹(C:\xampp\php\ext)下有没有php_xdebug.dll文件,如果有的话,就不用下了.) 到目前为止,Xdebug的最新版本为2.7.0 ...
Vim常用命令：移动跳转到文档开头或末尾
gg:命令将光标移动到文档开头 G:命令将光标移动到文档末尾 vi编辑器中在命令行模式下输入G可以直接跳转到页面的底部在命令行模式下输入1G可以跳转到页面的头部位置更多在vi中移动编辑位置的命令说 ...
2018-2019-1 20189206 《Linux内核原理与分析》第六周作业
linux内核分析学习笔记 --第五章系统调用的三层机制学习重点--深入理解系统调用的过程给MenuOS添加命令添加命令的方式较为简单,在LinuxKernel/menu/test.c目录下, ...
linux中没有tree命令，command not found，解决办法
在有网络的情况下: 1.包管理器安装 centos 中用 yum -y install tree ubuntu 中用 apt-get install tree 当然如果需要权限不要忘了在前面加上 ...

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