javascript第一天学习

作者 做棵大树 日期 2017-04-15
javascript第一天学习

JavaScript 是世界上最流行的编程语言。

这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。


JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。


第一次学习javascript,我学习呢,是因为我在制作页面时,想要完成和用户的交互,结果发现仅靠html是无法实现的,需要javascript来加入来实现这个功能。于是,我在网上找的课程来学习,今天呢,就先来写我第一天学习的心得和收获吧!


① JavaScript:写入 HTML 输出

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<!DOCTYPE html> <html> <body> <p> JavaScript 能够直接写入 HTML 输出流中: </p> <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph.</p>"); </script> <p> 您只能在 HTML 输出流中使用 <strong>document.write</strong>。 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。 </p> </body> </html>

提示:您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。

其中的 “document.write(“”)”表示输出什么什么,8、9行代码则是表示输出:This is a heading 的信息,同理推出九行的内容 我们可以看到它写在script标签之中,也可以输出想要的内容,而且html中的标签在其中也可以使用,例如:

等等。


② JavaScript:对事件作出反应

1

2

3

4

5

6

7

8

9

10

11

<!DOCTYPE html> <html> <body> <h1>我的第一段 JavaScript</h1>

<p> JavaScript 能够对事件作出反应。比如对按钮的点击: </p>

<button type="button" onclick="alert('Welcome!')">点击这里</button> </body> </html>

ps:alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。

onclick 事件只是最近应该学习的众多事件之一。

这串代码,其中并未出现