前端笔记 （3.JavaScript 1）
JavaScript 是属于网络的脚本语言！
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
(Ps:JavaScript 与 Java 是两种完全不同的语言，无论在概念还是设计上。
Java（由 Sun 发明）是更复杂的编程语言。
ECMA-262 是 JavaScript 标准的官方名称。
JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳。)
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。‘
<script type="text/javascript"></script>
JavaScript的三大组成部分是：
1、ECMAScript：JavaScript的核心，描述了语言的基本语法(var、for、if、array等)和数据类型(数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义)，ECMAScript是一套标准，定义了一种语言（比如JS）是什么样子。
2、文档对象模型（DOM）：DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。
JavaScript 可以通过不同的方式来输出数据：
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
JavaScript 函数定义
JavaScript 使用关键字 function 定义函数。
函数可以通过声明定义，也可以是一个表达式。
函数声明
函数声明的语法 :
function functionName(parameters) {
执行的代码
}
函数声明后不会立即执行，会在需要的时候调用到。
操作 HTML 元素
如需从 JavaScript 访问某个 HTML 元素，可以使用 document.getElementById(id) 方法。
<!DOCTYPE html>
<html>
<body> <h1>My First Web Page</h1> <p id="demo">My First Paragraph</p> <script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script> </body>
</html>
（JavaScript 由 web 浏览器来执行。在这种情况下，浏览器将访问 id="demo" 的 HTML 元素，并把它的内容（innerHTML）替换为 "My First JavaScript"。）
写到文档输出
下面的例子直接把 <p> 元素写到 HTML 文档输出中：
<!DOCTYPE html>
<html>
<body> <h1>My First Web Page</h1> <script>
document.write("<p>My First JavaScript</p>");
</script> </body>
</html>
警告
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：
<!DOCTYPE html>
<html>
<body> <h1>My First Web Page</h1> <p>My First Paragraph.</p> <button onclick="myFunction()">点击这里</button> <script>
function myFunction()
{
document.write("糟糕！文档消失了。");
}
</script> </body>
</html>
最新文章
- javascript中获取元素节点的文本
- iOS -- 生成有logo的二维码
- [转]Windows配置Git
- Android重力感应开发
- Codeforces Codeforces Round #319 (Div. 2) A. Multiplication Table 水题
- A.prototype.b=22和A.b=22的区别
- 用Windbg来看看CLR的JIT是什么时候发生的
- 认识 getAttribute() setAttribute()
- 论 Java 中的内存分配
- XamarinForm Effects 调用事件
- 很不幸，装win10和Ubuntu双系统还是入坑了
- 史上最全面的Docker容器引擎使用教程
- IIC双向电平转换电路设计
- printk（）、查看开机log、查看实时log
- China Cloud Computing Conference（2018.07.24）
- 学习笔记之FluentAssertions
- char、varchar、nchar、nvarchar特点比较
- vc++ 不同对话框中传递信息的方法（基于自定义消息SendMessage） （转载）
- Perl正则表达式
- saltstack技术入门与实践