发表于: 2018-11-29 23:32:30
3 653
今天完成的事:今天看了下
JavaScript的简介 JavaScript的历史回顾 JavaScript是什么 JavaScript与ECMAScript的关系
JavaScript的的不同版本 JavaScript的简史 JavaScript的实现
明天计划的事:明天 讲sass 小课堂 ,继续学习 JS 基础知识
遇到的问题:
对JavaScript 还是很懵B的状态,JavaScript 是什么 JavaScript 干嘛的 JavaScript 有什么用。·
解决办法:
翻阅 国内外 各种古籍,爆破国内外 各个大牛的博客,总算开了点窍,知道那么一丢丢,JavaScript 差不多就是相当于一种外挂吧,可以让静态页面动起来,JavaScript 是一种
专为与网页交互而设计的脚本语言。
一个完整的JavaScript实现应由三个部分组成:··
1.核心(ECMAScript)
2.文档对象模型(DOM)
3.浏览器对象模型(BOM)
核心(ECMAScript)
由ECMA-262定义的ECMAScript是一种在国际认可的标准的脚本语言规范,与Web浏览器没有依赖关系。ECMA-262标准主要规定了这门语言由以下组成部分:
1.语法
2.变量和数据类型
3.关键字和保留字
4.操作符
5.控制语句
6.对象
2009年ECMAScript 5.0版正式发布。在很长一段时间,使用javaScript都是按照5.0的标准。2015年ECMAScript 6发布正式版本,官方称为ECMAScript 2015。ECMAScript定义了脚本语言的所有属性、方法和对象。因此抵用web客户端脚本编码时一定要遵循ECMAScript标准。
文档对象模型(DOM)
DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档。HTML或XML页面中的每个组成部分都是某种类型的节点,这些节点又包含着不同类型的数据。
浏览器对象模型(BOM)
IE 3.0 和 Netscape Navigator 3.0 提供了一种特性 - BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作。使用 BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的操作。
收获:
JavaScript web 开发人员必须学习的 3 门语言中的一门:
HTML 定义了网页的内容
CSS 描述了网页的布局
JavaScript 网页的行为
JavaScript 是脚本语言
JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 可以通过不同的方式来输出数据:
- 使用 window.alert() 弹出警告框。
demo:
使用window.alert后打开页面后会显示 弹出警告框 数字可以直接在()设置,需点击后才会显示 标题段落 如下图
我们也可以在警告框 中设置文字 提示,但是一定要记住 要给文字加上“双引号 “” 哦。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 页面显示:
- 在页面检查中我们会发现 Script标签下面会编译出标题和段落。
操作 HTML 元素
如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。
请使用 "id" 属性来标识 HTML 元素,并 innerHTML 来获取或插入元素内容:
以上 JavaScript 语句(在 <script> 标签中)可以在 web 浏览器中执行:
document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。
innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码,使用 innerHTML 写入到 HTML 元素。
JS-date 日期 使用 document.write() 方法将日期 Date() 写到html 文档中,网页直接 会显示现在的 实时时间, 惊呆了我和我的小伙伴,JS 牛B 。
Date() 编译出来的时间格式是固定的,我们也可以去修改它滴;
橙色部分 是我在网上 找的文档, 红色圈起来的是 修改日期的格式 yyyy年 -mm月-dd日 dd点HH分ss (dd时 ,HH分 ,ss秒)。记住一定要区分大小写。
使用 document.write() 仅仅向文档输出写内容
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
当我们点击按钮之后 整个 HTML 页面将被覆盖,如下图:
写到控制台
如果您的浏览器支持调试,你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。
<script> 标签
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
<script> 标签
如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。
<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。
<script> 和 </script> 之间的代码行包含了 JavaScript:
<script>
alert("我的第一个 JavaScript");
</script>
您无需理解上面的代码。只需明白,浏览器会解释并执行位于 <script> 和 </script>之间的 JavaScript 代码
lamp 那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
<body> 中的 JavaScript
在本例中,JavaScript 会在页面加载时向 HTML 的 <body> 写文本:
在本例中,JavaScript 会在页面加载时向 HTML 的 <head>写文本:
外部的 JavaScript
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
就是相当于我们之前用的 CSS 外联一样。
如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:
评论