Eloquent JavaScript 笔记十二：Javascript and the Browser

最新推荐文章于 2018-04-10 10:22:42 发布

wershest

最新推荐文章于 2018-04-10 10:22:42 发布

阅读量285

点赞数

分类专栏： js xxx Eloquent JavaScript 学习笔记文章标签： javascript 前端

本文链接：https://blog.csdn.net/wershest/article/details/73462371

版权

js xxx 同时被 2 个专栏收录

41 篇文章 0 订阅

订阅专栏

Eloquent JavaScript 学习笔记

22 篇文章 1 订阅

订阅专栏

1. Network and the Internet

network protocol

port

TCP

server - client

2. the Web

World Wide Web

是一组protocols，使我们可以在browser中访问网页。

HTTP

Hypertext Transfer Protocol

port 80

URL

Uniform Resource Locator

Web上每个document都有一个URL

37.187.37.82

3. HTML

<!doctype html>
<html>
  <head>
    <title>My home page</title>
  </head>
  <body>
    <h1>My home page</h1>
    <p>Hello, I am Marijn and this is my home page.</p>
    <p>I also wrote a book! Read it
      <a href="http://eloquentjavascript.net">here</a>.</p>
  </body>
</html>

tags

尖括号包起来的元素，构建文档的结构

<!doctype html>

文档的第一行，告诉我们，这是html5

<head>

提供文档相关信息

<body>

文档本身

opening tag

<p>

closing tag

</p>

properties

href="http://eloquentjavascript.net"

有些tag不需要closing tag

entities

类似于string里的反斜杠转义字符，用于在html中显示特殊字符

以 & 开始，以 ; 结尾

< <

> >

& &

" "

HTML容错性很强
例如，丢掉 <head>, 丢掉 <body>，丢掉 closing tag等，依然可以正常显示文档。
最好写完整。因为，不同版本的浏览器的容错性不同，可能会导致同一个页面在不同浏览器下显示不一致。

4. HTML and Javascript

在HTML中使用js的三种方式：

1. 使用<script> 嵌入js代码

<h1>Testing alert</h1>
<script>alert("hello!");</script>

2. 使用<script> 引用js文件

<h1>Testing alert</h1>
<script src="code/hello.js"></script>

3. 在事件响应中使用js代码

<button οnclick="alert('Boom!');">DO NOT PRESS</button>

5. In the Sandbox

sandbox 的本义是供儿童玩耍的沙坑，居民小区、公园、幼儿园等提供儿童游乐场所的地方都有。它提供一个特定用途的、相对封闭的环境。

为了避免有人通过互联网做坏事（传播病毒、窃取信息等），JavaScript程序被严格限定在一个Sandbox中。Browser给JavaScript构建了一个封闭的环境，它无法访问该环境之外的数据。

6. Compatibility and the Browsers Wars

四个主流浏览器：

Mozilla Firefox

Internet Explorer

Chrome

Safari

咋没有国产的呢？好像其他浏览器都是以其中一个为核心，深度定制。

wershest

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Eloquent JavaScript 笔记 十二：Javascript and the Browser

Eloquent JavaScript 笔记十二：Javascript and the Browser