JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
第一次学习 javascript，我学习呢，是因为我在制作页面时，想要完成和用户的交互，结果发现仅靠 html 是无法实现的，需要 javascript 来加入来实现这个功能。于是，我在网上找的课程来学习，今天呢，就先来写我第一天学习的心得和收获吧！
① JavaScript：写入 HTML 输出
12345678910111213141516 |
<!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 中的标签在其中也可以使用，例如：<h1> 、<p> 等等。
② JavaScript：对事件作出反应
1234567891011 |
<button type="button" onclick="alert('Welcome!')">点击这里</button> </body> </html> |
ps：alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。
onclick 事件只是最近应该学习的众多事件之一。
这串代码，其中并未出现 <script>标签，那么它的交互作用在哪里体现的呢？在 “ onclick="alert('Welcome!')” 。当点击设置 的按钮时，会触动 “onclick” 则，它其中所写的代码，也会相应的相应，浏览器会弹出提示框，具体效果，大家可以复制代码来进行实验一下。ie 浏览器中如果版本低或者浏览器本身不支持的话，效果不会实现的。
③ JavaScript：改变 HTML 内容
使用 JavaScript 来处理 HTML 内容是非常强大的功能。
12345678910111213141516171819 |
<!DOCTYPE html> <html> <body> <h1>我的第一段 JavaScript</h1><p id="demo"> JavaScript 能改变 HTML 元素的内容。 </p><script> function myFunction() { x=document.getElementById("demo"); // 找到元素 x.innerHTML="Hello JavaScript!"; // 改变内容 } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html> |
我们会经常看到 document.getElementByID("some id")。这个方法是 HTML DOM 中定义的。
DOM（文档对象模型）是用以访问 HTML 元素的正式 W3C 标准。
其中<p>标签中，定义了id属性 ; 而且 button 标签中呢，也定义了<onclick>属性，内容为“my Function（）” ；<script>标签中的内容则是对 onclick 的一个执行语句，即，onclick 代表执行它下边所写的语句，当执行时：使用document.getElementByID("some id")方法找到 id 相同的内容，下边的语句则是对其更改，使用了innerHTML方法。
注意：一定要注意id属性，因为只有 id 相对应，才可以寻找到相对应的内容，并对内容进行修改。
转载请注明：转载自：TeenShare 梯云分享
