JavaScript 简介与引用

简介: JavaScript 介绍

作者:WangMin
格言:努力做好自己喜欢的每一件事

我们通常写好的HTML网页是处于一个静态的效果,在用户体验这一方面就不是很好,给人一种死板的感觉。这里我们就可以用到JavaScript来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。接下来就开始来学习JavaScript吧!!

1.jpg

JavaScript是什么?

1、 JavaScript的概念

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

2、JavaScript的特点

  • JavaScript是一种解释性脚本语言(代码不进行预编译)。
  • 主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
  • 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
  • 跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。

3、JavaScript的组成部分

2.jpg

  • ECMAScript,描述了该语言的语法和基本对象。
  • 文档对象模型(DOM),描述处理网页内容的方法和接口。
  • 浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。

4、简单点来说JavaScript目的:就是用来操作内存中的DOM节点。JavaScript操作DOM的本质是=获取(DOM节点元素)+触发(用户事件)+实现(网页交互)。

JavaScript的日常用途

  • 嵌入动态文本于HTML页面。
  • 对浏览器事件做出响应。
  • 读写HTML元素。
  • 在数据被提交到服务器之前验证数据。
  • 检测访客的浏览器信息。
  • 控制cookies,包括创建和修改等。
  • 基于Node.js技术进行服务器端编程。

定义JavaScript程序的方式

1、将JavaScript代码块定义在html元素中

<input type="button" value="提交" onclick="alert('你好,明天!')"/>

3.png

2、将JavaScript代码块定义在<script type="text/javascript"> </script>标签里面。如下:

<script type="text/javascript">
 alert('你好,明天!')
 /*其他代码块*/
</script>

3、引用外部JavaScript文件
将JavaScript代码写到单独的JavaScript文件中,然后在html 页面引用这个JavaScript文件文件 。

1)将 JavaScript代码写入一个单独的文件,并保存为.js 后缀,外部文件不能包含 <script>标签,如下:

 alert('你好,明天!')
 /*其他代码块*/

2)然后在html 页面的<head>中引用外部的 .js 文件。就是 在 <head> 中添加 <script> 标签 ,并设置<script>标签的 “src” 属性,以指定 js 文件的 url ,如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>javascript</title>
        <script type="text/javascript" src="example.js"></script>
    </head>
    <body>
    </body>
</html>

注意:<script>…</script>可以包含在文档中的任何地方,只要保证这些代码在被使用前已读取并加载到内存即可。但是最好还是写在html 页面的<head>


以上仅是个人见解,若有不足之处欢迎在下方评论指出,那就先分享到这里!! :smile: 后续继续更新!!

目录
相关文章
|
2天前
|
JSON JavaScript 前端开发
Danfo.js专题 - Danfo.js与Dnotebook简介与入门
Danfo.js专题 - Danfo.js与Dnotebook简介与入门
54 0
|
7月前
|
前端开发 JavaScript
前端基础 - JavaScript简介
前端基础 - JavaScript简介
26 0
|
8月前
|
JavaScript 前端开发
JavaScript简介--语句--变量
JavaScript简介--语句--变量
|
2天前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
81 0
|
2天前
|
JavaScript 前端开发 API
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)(下)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
38 0
|
2天前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)(上)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
45 0
|
2天前
|
JavaScript
js的三种引用方式
js的三种引用方式
15 2
|
2天前
|
JavaScript
为实例方法创建错误的引用(js的问题)
为实例方法创建错误的引用(js的问题)
13 0
|
2天前
|
JavaScript
为实例方法创建错误的引用(js的问题)
为实例方法创建错误的引用(js的问题)
10 0
|
2天前
|
机器学习/深度学习 人工智能 前端开发
【前端】JavaScript简介
【前端】JavaScript简介
20 0