发表于: 2018-11-29 23:32:30

3 651


今天完成的事:今天看了下  

 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 文件:










返回列表 返回列表
评论

    分享到