java学习网 java教程视频 java论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 384|回复: 69
收起左侧

JavaScript入门

  [复制链接]

503

主题

548

帖子

3428

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
3428
发表于 2020-7-23 10:05:43 | 显示全部楼层 |阅读模式
网页的解剖学
在深入 JavaScript 之前,对网页的解剖有助于理解 JavaScript 是如何与其他网络技术密切合作的。
HTML 是内容
HTML 是用来定义和描述内容的标记语言。无论是博客文章,搜索引擎结果,或者电商网站,网页的核心内容都是用 HTML 编写的。语义标记是指 HTML 中用来描述内容的通用术语(头部,段落,图片等)。
CSS 是表现
CSS 是一个为 HTML 文档应用样式的附加语言。CSS 的全部都是关于如何通过定义字体,颜色等其他视觉美感,让内容更好看。CSS 的强大之处在于样式不再和内容夹杂,这意味着你可以将不同的样式应用到同一块内容,当构建良好的跨设备响应式网站时,这是至关重要的。
JavaScript 是交互
在浏览器中,JavaScript 为 HTML 内容添加交互性和行为能力。没有 JavaScript,网页将会是静态和无聊的。JavaScript 使网页富有生命力。
看下面这个包含了 CSS 和 JavaScript 的简单 HTML 页面,了解这一切是如何组织在一起的:
<!doctype html><html lang="en"><head>    <meta charset="utf-8" />    <title>Hello World</title>    <!-- CSS for presentation. -->    <style>    h1 { font-size: 14px; color: hotpink; }    button { color: red; }    </style></head><body>    <h1>Hello World</h1>    <button>Click Me!</button>    <!-- JavaScript for interactivity. -->    <script>    // Get a handle on the first button element in the document.    var button = document.querySelector( "button" );    // If a user clicks on it, say hello!    button.addEventListener( "click", function( ev ) {        alert( "Hello" );    }, false);    </script></body></html>
在上面的例子中,HTML 是用来描述内容,“Hello World” 文本被 h1 元素描述为一个标题,“Click Me!” 被 button 元素描述为一个按钮。style 代码块包含了改变标题颜色和字体大小的 CSS。script 代码块包含了给按钮添加交互的 JavaScript。当用户点击这个按钮,会弹出一个显示“Hello”的警告信息。
Web 的脚本语言
JavaScript 最初设计为网页添加交互性,而不是成为一个通用语言,所以它被设计为脚本语言。脚本语言 被认为是比通用语言更高效,因为它们是为特定的领域(如 JavaScript 为网络浏览器)而优化。然而,最近的技术发展让 JavaScript 在服务器端大热(通过 Node.js),所以它现在也可以用于代替 PHP,Ruby 或者 ASP 等语言。本指南将专注于在浏览器中运行的 JavaScript。
“JavaScript” 这个名字有点误导性。尽管有相似的名字,但是 JavaScript 与Java(一种通用语言)没有任何关系。JavaScript 是基于开放式网络标准 ECMAScript。基于标准的语言不是任何一个实体或公司控制的-相反的,开发商们共同制定语言,这就是为什么 JavaScript 运行在每一个 Web 浏览器中,而无关操作系统或设备。
你需要什么来开始学习 JavaScript 和 jQuery
  • Web 浏览器
  • 文本编辑器
  • 开发者工具 (可选项)
JavaScript 的最大优势之一是它的简单。它可以在任何操作系统上编写和运行,唯一的要求是一个网络浏览器和文本编辑器。也有许多工具可以让 JavaScript 开发更有效率,但它们是完全可选的。
开发者工具
许多浏览器附带的内置功能,通常被称为“开发者工具”,它提供了更好的视角来观察运行在浏览器里的 JavaScript 和 jQuery。虽然不是必须的,但当你调试代码错误时,你会发现开发者工具很有用。看看常见的浏览器开发者工具:

回复

使用道具 举报

0

主题

22

帖子

32

积分

终身VIP会员

Rank: 5Rank: 5

积分
32
发表于 2020-8-16 07:11:51 | 显示全部楼层
哈哈哈···
回复

使用道具 举报

0

主题

22

帖子

32

积分

终身VIP会员

Rank: 5Rank: 5

积分
32
发表于 2020-8-16 22:33:53 | 显示全部楼层
java基础及应用教程
回复

使用道具 举报

0

主题

16

帖子

23

积分

终身VIP会员

Rank: 5Rank: 5

积分
23
发表于 2020-8-18 00:37:34 | 显示全部楼层
java开发需要学什么
回复

使用道具 举报

0

主题

22

帖子

32

积分

新手上路

Rank: 1

积分
32
发表于 2020-8-18 11:34:02 | 显示全部楼层
java初学者学习
回复

使用道具 举报

0

主题

22

帖子

32

积分

终身VIP会员

Rank: 5Rank: 5

积分
32
发表于 2020-8-18 16:07:54 | 显示全部楼层
java的学习
回复

使用道具 举报

0

主题

28

帖子

41

积分

终身VIP会员

Rank: 5Rank: 5

积分
41
发表于 2020-8-19 12:04:18 | 显示全部楼层
java我要自学网视频
回复

使用道具 举报

0

主题

16

帖子

23

积分

终身VIP会员

Rank: 5Rank: 5

积分
23
发表于 2020-8-20 11:15:49 | 显示全部楼层
java编程学习网
回复

使用道具 举报

0

主题

18

帖子

26

积分

终身VIP会员

Rank: 5Rank: 5

积分
26
发表于 2020-8-20 20:23:16 | 显示全部楼层
java数据结构视频
回复

使用道具 举报

0

主题

10

帖子

14

积分

终身VIP会员

Rank: 5Rank: 5

积分
14
发表于 2020-8-20 21:39:09 | 显示全部楼层
javascript和java
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

顶部qrcode底部
请扫码本站微信公众号

QQ|Archiver|手机版|sitemap.xml|java教程视频 ( 豫ICP备2020032868号 )

GMT+8, 2020-11-30 08:57

Powered by www.javaj.cn

Copyright © 2001-2020.

快速回复 返回顶部 返回列表