JavaScript:从入门到精通:初始JS

news2024/11/17 5:41:39

JS基本思想

  • 1. 浏览器对 JS 支持
  • 2. JS程序的组成
  • 3. JS 开发工具

1. 浏览器对 JS 支持

🧡背景
1997年 微软和网景公司合作发布了 ECMAScript 的语言规范 从那时起,微软所有浏览器都支持ECMAScript 标准
1999年,ECMAScript 第三版,正式更名为 JavaScript
各大浏览器都基本支持 JavaScript 标准,但是每个浏览器在应用标准时,都稍有不同,所以兼容性问题 一直困扰这 JavaScript 开发人员。

要将 JavaScript 整合到 Web应用,开发人员不得不面对 浏览器对 js 的多种解释,还要考虑这些差异解释意味着实现脚本的不同,这需要程序员在各个浏览器不同平台测试和调试

🧡 文档对象模型 DOM标准

  1. W3C将DOM定义为 “一种平台中立和语言中立的接口”,允许程序和脚本动态接入和更新文档内容,结构和样式,这意味着你可以使用 web 浏览器遵从的规范以动态的方式开发一个网页 。
  2. DOM 为 HTML 和XML文档创建了一个 树型结构并且允许这些对象进行脚本编程。
  3. . JS 与 DOM大量的合作,又可以实现很多重要功能。

2. JS程序的组成

  1. JS是由 :语句,标记,操作符合标识符以一种对解释器有意义的顺序放在一起就组成了语句。
  2. JS 也是由于事件驱动的,这就是说它可以对某些事件或者 发生的事情“作出响应”,比如: 鼠标点击或者表单字段的文本变动
  3. 把JS 和事件联系起来是 JavaScript 许多常见用法的核心。
  4. JS代码很少独立运行,一般将它放到 HTML 中 。

3. JS 开发工具

  1. Eclipse 开发工具
  2. 记事本开发工具

🧡 JS 文件 在HTML内部

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01/EN
"http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>
		<titel> My First page</title>
		<script type = "text/javascript">
			function yetAnotherAlert(textToAlert)
			{
				alert(textToAlert);
			}
			yetAnotherAlert("this is Chapter2");
		</script>
	</head>
	
	<body>
	
		// doing something
	</body>
</html>

在这里插入图片描述
🧡 JS文件在 HTML 外部

// myscript.js
function yetAnotherAlert(textToAlert)
{
	alert(textToAlert);
}
yetAnotherAlert("this is my JS");
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01/EN
"http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>
		<titel> My First page</title>
		<script type = "text/javascript" src = "myscript.js">
		</script>
	</head>
	
	<body>
	
		// doing something
	</body>
</html>

在这里插入图片描述

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

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

相关文章

Python篇——数据结构与算法(第五部分:数据结构)

数据结构是指相互之间存在着一种或多种关系的数据元素的集合和该集合中数据元素之间的关系组成简单来说&#xff0c;数据结构就是设计数据以何种方式组织并存储在计算机中比如&#xff1a;列表、集合与字典等都是一种数据结构N.Wirth&#xff1a;“程序 数据结构算法” 1、列…

如何识别二叉树的“亲戚”?——探秘判断子树的奥妙

本篇博客会讲解力扣“572. 另一棵树的子树”的解题思路&#xff0c;这是题目链接。先来审题&#xff1a; 本题的思路是&#xff1a;使用递归&#xff0c;把大问题化作小问题。 先来思考&#xff1a;如何判断q是不是p的子树呢&#xff1f; q是p的子树有3种情况&#xff0c;分别…

不断进化!奇点云助豫园股份构建集团统一战略的数据平台

“一张图、一颗心、一场仗&#xff0c;构建集团统一战略的数据平台&#xff0c;豫园股份不断进化。” 日前&#xff0c;2023 StartDT Day 数智科技大会正式举办。企业客户、行业专家、技术专家与数万位参会伙伴相聚云上&#xff0c;共话数据时代进化之道。 作为消费产业的数字…

Spring Cloud - Ribbon 负载均衡原理、负载策略、懒加载

目录 ​编辑 一、Ribbon 负载均衡原理 1.1、前言 1.2、负载均衡的工作流程 二、负载均衡策略 2.1、策略原理 2.2、负载均衡自定义方式 三、Ribbon 加载方式 一、Ribbon 负载均衡原理 1.1、前言 ps&#xff1a;案例是上一章所讲的 “根据订单id查询订单的同时&#xff0…

Matlab机器人运动学与正逆解算法学习笔记

文章目录 ※ 参考资料建立DH模型△ 基本概念和标准DH/改进DH○ 连杆与关节的编号○ 标准DH与改进DH △ DH参数模型建立方法○ 标准DH参数定义及方法简介 连杆坐标系建立方法 标准DH参数含义※ 关于DH参数以哪个轴的指向为准的问题 标准DH坐标系间的齐次变换矩阵 ○ 改进DH参数…

WPS AI内测申请窍门;AI数字人最全工具盘点;AI超级个体必读书籍;产品国际化与本地化指南;生成式AI应用路线图 | ShowMeAI日报

&#x1f440;日报&周刊合集 | &#x1f3a1;生产力工具与行业应用大全 | &#x1f9e1; 点赞关注评论拜托啦&#xff01; &#x1f916; 生成式AI应用路线图&#xff1a;多模态AI的应用能力演进 随着生成式AI「对生成内容的可控性」不断提高&#xff0c;其应用场景也在不断…

【算法系列 | 6】深入解析排序算法之——堆排序

序言 你只管努力&#xff0c;其他交给时间&#xff0c;时间会证明一切。 文章标记颜色说明&#xff1a; 黄色&#xff1a;重要标题红色&#xff1a;用来标记结论绿色&#xff1a;用来标记一级论点蓝色&#xff1a;用来标记二级论点 决定开一个算法专栏&#xff0c;希望能帮助大…

整理 钢琴教材 铃木钢琴教程(铃木)

邮箱不能及时回复,现放到网盘里了,文末按需自取 铃木钢琴教程第1册 文件名:铃木钢琴教程第1册 超清PDF 文件大小:7.05 MB 下载地址:https://download.csdn.net/download/qq_36040764/85051148 铃木钢琴教程第2册 文件名:铃木钢琴教程第2册 超清PDF 文件大小:5.54 …

边缘检测笔记

边缘是什么&#xff1f; 图像的边缘是指图像局部区域中亮度变化明显的部分&#xff0c;边缘位于像素的灰度值产生突变的地方。 边缘的正负之分&#xff1a;由暗到亮为正&#xff0c;由亮变暗为负。 图像的高频信号和低频信号 简单理解为&#xff0c;图像中高频分量&#xff08…

在Windows11平台安装JDK11(双11)

目录 引言一、安装前说明1.系统要求2.多版本安装 二、JDK11安装三、安装成功验证1.验证2.Path环境变量 总结 引言 本文主要是详细讲解在 Windows 11 系统上安装 JDK 11&#xff0c;安装时有一些注意事项需要说明。与 JDK 8 的安装过程有少许不一样。 一、安装前说明 1.系统要…

GPT-4的中国2023高考作文

我选取2023年上海的作文题&#xff08;我比较感兴趣&#xff09;&#xff0c;题目如下&#xff1a; 面对这个题目&#xff0c;不知道各位有什么想法么&#xff1f;如果你去考试&#xff0c;你会怎么写&#xff1f; 来&#xff0c;我们看看AI是怎么写的。 以下是GPT-4的作文&a…

vmware虚拟机网络“桥接模式”与“NAT模式”的联网原理及linux环境下IP配置指引

一、vmware虚拟机网络“桥接模式”与“NAT模式”的区别 选中虚拟机》设置》网络适配器&#xff0c;打开虚拟机设置面板 我们看到网络连接处有多个选项&#xff0c;今天良哥通过试验告诉你“桥接模式”和“NAT模式”的联网原理、区别及两种模式下IP地址配置的详细方法。 桥接模…

spring-data-elasticsearch.4.2.0 jar包冲突导致:StackOverflow

最近要求es做升级改造: 目前版本: 1. springframework 4.3.3-RELEASE 2. spring-data-elasticsearch: 2.0.3 3. elasticsearch: 2.4.0 4. 工具类: ElasticsearchTemplate 升级后ES版本7.10.0 1. springframework 升级到 5.3.10 2. spring-data-elasticsearch 升级到 4.…

热门bi报表软件推荐,哪款bi报表软件更功能更强大?

随着商业智能&#xff08;BI&#xff09;的不断发展和应用&#xff0c;越来越多的企业开始关注和使用BI报表软件。但是在众多的BI报表软件中&#xff0c;如何选择一款既功能强大又易于使用的软件&#xff0c;成为了许多企业和个人面临的难题。下面将为大家介绍5款热门的BI报表软…

爆肝百万字;学完这些你的python就无敌了

前言 最近高考刚刚结束&#xff0c;不少大学也快陆陆续续的要放暑假了&#xff0c;不少人表示暑假想学点python知识&#xff0c;或提升下自己&#xff0c;或打算学点技术兼职赚点零花钱&#xff0c;于是肝了一份Python最新学习文档总结资料 &#xff1a;全文档1378页&#xff…

Python的离线安装

原文链接 在没有外网的情况下&#xff0c;安装Python环境只能采用离线方式。 Windows离线安装Python Python离线安装包的下载地址&#xff1a;https://www.python.org/ftp/python/ 我选择的是&#xff1a;python-3.8.5-amd64.exe 双击运行安装包即可完成安装。 安装完成后…

简化本地Feign调用

在平常的工作中&#xff0c;OpenFeign作为微服务间的调用组件使用的非常普遍&#xff0c;接口配合注解的调用方式突出一个简便&#xff0c;让我们能无需关注内部细节就能实现服务间的接口调用。 但是工作中用久了&#xff0c;发现 Feign 也有些使用起来麻烦的地方&#xff0c;…

【Haproxy 搭建Web 群集】

目录 一、Haoroxy 基础了解1、常见的Web集群调度器2、Haproxy 应用分析 二、Haproxy 调度算法原理三、HAProxy的主要特性四、HAProxy负载均衡策略五、LVS、Nginx、HAproxy的区别1、Nginx的优点&#xff0c;缺点2、LVS的优点和缺点3、HAProxy的优点 六、Haproxy搭建 Web 群集实验…

跟着LearnOpenGL学习8--摄像机

文章目录 一、前言二、摄像机/观察空间2.1、摄像机位置2.2、摄像机方向2.3、右轴2.4、上轴2.5、LookAt2.6、LookAt测试 三、自由移动3.1、移动速度 四、视角移动4.1、欧拉角 五、鼠标输入5.1、缩放 六、摄像机类 一、前言 前面的教程中我们讨论了观察矩阵以及如何使用观察矩阵…

【软考系统架构师】进程与线程、并发和并行的理解

进程和线程的概念是软考里经常出现的概念&#xff0c;也是计算机领域的基础概念之一&#xff0c;看到一套非常形象的进程和线程的解释&#xff0c;记录一下 CPU 相当于一个工厂的能源核心&#xff0c;它一直运行&#xff0c;并向外提供动力。 什么是进程 但是这家工厂资金有限&…