JavaScript 第一章总结

A quick dip into javascipt

The way JavaScript works

HTML 用一系列的 markup 来呈现整个 content 的 structure.
CSS 用一系列的 rules 来设置网页的 style.
JavaScript 通过statement 达到 let you create behaviors 的目的。
总结起来,就是 HTML/CSS 用来 create static web pages,而用 JavaScript 来 create dynamic pages.

关于statement

相同的地方

  • 一个 statement 以封号为结尾
  • 以 // 后为注释
  • 都是case sensitive 的,也就是大小写的情况是不一样的。

不相同的地方:

  • 变量可用来存储数值,字符串和 booleans,在存储 字符串的时候,可用单引号也可用双引号。
  • 标示符的命名规则不同:可以在其中添加 $ 和 _ 两种符号。
  • Always use "var" 这个 keyword when declaring a variable.

两种 Expressions

定义:Expressions evaluate to values.
第一种 expression:返回数值:例如 price - (price*(dicount/100));
第二种 expression:返回字符串:例如:"Dear"+"Reader"+","

You can concatenate strings together with"+"

第三种 expression:返回 boolean 值:例如:age<=14;
animal=="bear"

四种方法 communicate with your user

  1. Create a alert: alert();
  2. Write directly into your document: document.write
  3. Use the console:console.log()
  4. Directly manipulate your document.

在 HTML 中设置 <script> 的最佳位置

最好的位置是在 <body>之中添加,并且设置成含有 src 这个 attribute 的格式,原因有两点:

  1. 在 <head>中设置的话,会影响网页打开的速度。所以在<body>中设置,放置影响内容的呈现。
  2. 利用<script src="">的格式,然后另外创建一个扩展名为 .js 的文件,用来将 HTML 和 JavaScript 分开。

其他:

需要在 HTML 中添加 <script>的一些注意事项:
<script type="text/javascript" src="myJavaScript"></script>

  1. type 这个 attribute 的默认为 javascript ,所以当你 leave it off 的时候,Browser 默认你使用 JavaScript ,作者在这里建议 leave it off
  2. src 的 value 为js 文件的地址
  3. 并且不要忘记 这个 closing tag





posted @ 2018-12-20 11:43  FBshark  阅读(267)  评论(0编辑  收藏  举报