JavaScript的概念

什么是 JavaScript
JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、基于原型的高级语言。
脚本语言:在程序的运行过程中逐行进行解释执行,不需要预编译。
动态类型:在声明了一个变量之后,我们能够随时改变它的数据类型。
弱类型:变量在使用前不需要做类型声明,而是解释器在运行时检查它的数据类型。
直译式:运行的时候将程序直接编译成机器语言
JavaScript 特点
简单性 :它的变量类型是采用弱类型,并未使用严格的数据类型。
安全性 js 不允许直接访问本地的硬盘,而且不能将数据存放到服务器上,不允许对网络文档进
行修改和删除,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失。
动态性 js 可以直接对用户的输入做出响应而无需经过 Web 服务程序。它对用户的响应是采用以
事件驱动的方式进行的。
跨平台性 js 仅依赖于浏览器本身,与操作系统无关,只要是能运行浏览器的计算机,并支持 js
的浏览器就可以正确执行。
JavaScript 的组成部分
ECMAScript :简称 ES ,它是 JS 的基本语法,也是 JS 的核心。
DOM :(文档对象模型),使 JS HTML 元素具有操作的能力。
BOM :(浏览器对象模型),使 JS 能够获取浏览器信息或操作浏览器。
JavaScript 书写位置
JS 分为三种使用方法,分别为行内,内嵌,外部。
行内式(不推荐使用)
行内就是 JS 代码直接写在 HTML 标签上 ,这种方式的结构、行为分离不够彻底,不利于后
期维护,复用性不强,如果下一个元素有同样的功能,就造成代码重复性很高。 不推荐使用
<input type="button" value="点我试试" onclick="alert('Hello World')" />
内嵌式
内嵌是 在页面的 <script></script> 标签内写 JS 代码 script 标签一般放在 body 标签内
的最下方,内嵌 JS 代码比较集中,耦合度较低,便于维护,但仅限于当前页面的使用,无法被
多个页面重复使用。 推荐学习时使用
<body>
<div>content</div>
<script type="text/javascript">
alert('Hello World~!');
</script>
</body>
外部式
外部需要 通过 script 标签引入 JS 文件 到此页面。页面代码跟 JS 代码实现有效分离,降低
耦合度,便于代码的维护和扩展,还有利于代码的复用。 推荐使用。
引用外部 js 文件
<script src = "my.js"></script>

希望这篇文章可以更好地带你认识到JavaScript

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/784220.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Kafka 学习之:基于 flask 框架通过具体案例详解生产消费者模型,这一篇文章就够了

文章目录 案例信息介绍后端异步处理请求和后端同步处理请求同步方式异步方式 环境文件目录配置.envrequirements.txt 完整代码ext.pyapp.pykafka_create_user.py 运行方式本地安装 kafka运行 app.py使用 postman 测试建立 http 长连接&#xff0c;等待后端处理结果发送 RAW DAT…

金三银四面试题(九):JVM常见面试题(3)

今天我们继续探讨常见的JVM面试题。这些问题不比之前的问题庞大&#xff0c;多用于面试中JVM部分的热身运动&#xff0c;开胃菜&#xff0c;但是大家已经要认真准备。 你能保证GC 执行吗&#xff1f; 不能&#xff0c;虽然你可以调用System.gc() 或者Runtime.gc()&#xff0c…

【MySQL】DQL-排序查询-语法&排序方式&注意事项&可cv例题语句

前言 大家好吖&#xff0c;欢迎来到 YY 滴MySQL系列 &#xff0c;热烈欢迎&#xff01; 本章主要内容面向接触过C Linux的老铁 主要内容含&#xff1a; 欢迎订阅 YY滴C专栏&#xff01;更多干货持续更新&#xff01;以下是传送门&#xff01; YY的《C》专栏YY的《C11》专栏YY的…

外观模式详解:简化复杂系统的“门面”担当

在软件开发中&#xff0c;我们经常遇到需要将复杂的子系统整合到一起&#xff0c;为客户端提供一个统一且简化的接口的情况。这时候&#xff0c;外观模式&#xff08;Facade Pattern&#xff09;便应运而生。本文将深入探讨外观模式的应用场景、Java代码实现、在开源项目中的实…

【Linux】寿司线程池{单例模式之懒汉模式下的线程池}

文章目录 回顾单例模式0.多线程下的单例模式的意义1.什么是单例模式1.0设计模式1.1C单例模式的介绍及原理1.2拷贝构造和赋值重载的处理1.3if (nullptr ptr)&#xff0c;nullptr放在比较运算符的前面?1.4实现单例模式的方式 2.实现懒汉方式的单例模式2.1单线程的单例模式2.2多…

微信小程序(黑马优购:登录)

1.点击结算进行条件判断 user.js //数据 state: () >({ // address: {} address: JSON.parse(uni.getStorageSync(address) || {}), token: }), my-settle.vue computed: { ...mapGetters(m_cart,[checkedCount,total,checkedGoodsAmount]), …

前端工程师————CSS学习

选择器分类 选择器分为基础选择器和复合选择器 基础选择器包括&#xff1a;标签选择器&#xff0c;类选择器&#xff0c;id选择器&#xff0c;通配符选择器标签选择器 类选择器 语法&#xff1a;.类名{属性1&#xff1a; 属性值&#xff1b;} 类名可以随便起 多类名使用方式&am…

从乡间小路到布鲁金斯大道:奥林商学院院长的公路之旅

复旦大学-华盛顿大学EMBA项目&#xff0c;是由复旦大学管理学院与美国华盛顿大学奥林商学院联合开办的EMBA项目。美国华盛顿大学奥林商学院&#xff0c;于去年9月迎来新院长Mike。      今年1月&#xff0c;Mazzeo院长首次到访复旦大学&#xff0c;与校友分享了一场 “经济…

中间件安全(apache、tomcat)

靶场&#xff1a; vulfocus Apache Apache HTTP Server 是美国阿帕奇&#xff08; Apache &#xff09;基金会的一款开源网页服务器。该服务器具有快速、可靠且可通过简单的API进行扩充的特点&#xff0c;发现 Apache HTTP Server 2.4.50 中针对 CVE - 2021 - 41773 的修复…

PHP三种方式读取RSA密钥加解密、签名验签完整教程

目录 第一步、生成公私钥 第二步、三种方式读取RSA密钥 第1种&#xff1a;公私钥弄成一行&#xff0c;必须一行没有空格和换行 第2种&#xff1a;直接复制生成公私钥 第3种;复制密钥存储为.pem文件后缀 第三步、RSA加解密 第四步、RSA签名以及验证签名 第五步、封装完整…

Golang基础-8

Go语言基础 介绍 基础 包 包声明 包导入与调用 包成员访问权限 init函数 defer关键字 panic 与 recover 包管理(Go modules) go doc 工具 介绍 本文介绍Go语言中包(包声明、包导入与调用、包成员访问权限、init函数、包管理(Go modules)等)、defer关键字、panic 与 recover、…

微信小程序下载文件时,totalBytesExpectedToWrite为null怎么办?

在微信小程序中使用文件下载的时候&#xff0c;调试的时候发现获取不到文件的总长度totalBytesExpectedToWrite。 解决办法&#xff1a; URL path new URL(url); HttpURLConnection connection (HttpURLConnection) path.openConnection(); // 获取文件总长度 long contentL…

开源知识管理和协作平台:插件丰富,主题精美 | 开源日报 No.209

logseq/logseq Stars: 27.8k License: AGPL-3.0 logseq 是一个注重隐私的开源平台&#xff0c;用于知识管理和协作。 提供强大的知识管理、协作、PDF 标注和任务管理工具支持多种文件格式&#xff0c;包括 Markdown 和 Org-modeWhiteboard 功能可使用空间画布组织想法&#x…

【前端】layui前端框架学习笔记

【前端目录贴】 参考视频:LayUI 参考笔记:https://blog.csdn.net/qq_61313896/category_12432291.html 1.介绍 官网&#xff1a;http://layui.apixx.net/index.html 国人16年开发的框架,拿来即用,门槛低 … 2. LayUi的安装及使用 Layui 是一套开源的 Web UI 组件库&#xff0…

小程序页面滚动?

要在小程序中实现页面滚动&#xff0c;可以使用 <scroll-view> 组件。以下是一个基本的示例&#xff1a; <template><scroll-view class"container" scroll-y><!-- 这里放置页面内容 --><view class"content"><!-- 页面…

[Python] 如何导出PDF文件中的图片

文章目录 一、背景说明二、代码编写三、问题3.1、如何得到图片的xref&#xff1f;3.2、xref有什么用呢&#xff1f; 四、总结 一、背景说明 最近在看一份pdf的书籍&#xff0c;其中有一些图片绘制地比较出色&#xff0c;所以就打算将其复制出来&#xff0c;以便于在需要的时候…

鸿蒙实战开发-如何使用声明式UI编程框架的基础组件

介绍 在本教程中&#xff0c;我们将通过一个简单的样例&#xff0c;学习如何使用声明式UI编程框架的基础组件。本篇Codelab将会使用Image组件、Slider组件、Text组件共同实现一个可调节的风车动画&#xff0c;实现效果如图所示 相关概念 Text组件&#xff1a;文本组件&#x…

Vue与Electron融合之道:从Web App到桌面App的华丽转身

Vue与Electron融合之道&#xff1a;从Web App到桌面App的华丽转身 引言Vue 与 Electron 的天然契合共享技术栈高效开发与部署用户体验升级 Vue 与 Electron 融合实战初始化项目调整Vue项目结构利用 Electron API 增强功能定制桌面应用外观构建与部署 结语 引言 Vue.js 作为一款…

ES6:Map()与WeakMap()

一、Map() 1.1 简介 ES6 提供了 Map 数据结构&#xff0c;它类似于对象&#xff0c;是键值对的集合&#xff0c;但是“键”的范围不限于字符串&#xff0c;各种类型的值&#xff08;包括对象&#xff09;都可以当作键。 我们可以通过 new Map()去创建它。 1.2. Map的创建、…

使用虚幻引擎为AR体验提供动力

Powering AR Experiences with Unreal Engine ​​​​​​​ 目录 1. 虚幻引擎概述 2. 虚幻引擎如何为AR体验提供动力 3. 虚幻引擎中AR体验的组成部分是什么&#xff1f; 4. 使用虚幻引擎创建AR体验 5. 虚幻引擎中AR的优化提示 6. 将互动性融入AR与虚幻引擎 7. 在AR中…