我们 从已经知道了 Javascript的历史以及什么是Javascript,那实际编写的时候在哪里编写?

script 标签

HTML 为我们提供了无数的标签来做无数的事情。例如,

用于为段落添加边距, 用于使文本加粗, 用于在网页上嵌入音频文件等等。
类似地,

或者也可以放入 标签内,如下所示:

在解析网页的 HTML 时(这是从服务器收到响应后的第一步),只要遇到

Hello World!
构建第一个Javascript程序

Hello World! 你好世界!

这段代码发生了什么?
document.write(‘Hello World!’);
第一个 word document 称为对象 。

在 JavaScript 中,对象是具有属性和方法的实体。你可以把 JavaScript 中的对象看作是现实世界中的对象。
例如,考虑一个烤面包机。它是一个对象。它具有某些属性 ,例如颜色、重量、额定功率、制造商、型号。等等。属性可以被认为是对象的 “特征”,
英文单词: property。 除了这些,烤箱还可以有方法 。方法是对对象或由对象执行的 “作”。
例如,我们可以打开烤箱,也可以关闭它;将温度一直升高到 350C 或一直降低到
100C;打开风扇;等等。烤箱本身能够在计时器用完时关闭。这些都是烤箱的方法。

这样我们可以对对象有一个比较生动形象的认知。而 document 就是这样一个有属性有方法的对象。
更准确的说 document 是 HTML 文档对象。
点 (.) 仅仅意味着我们要访问 document 的属性/方法。
write 是 document 的一个方法。它的作用是在 HTML 文档中写入一些内容。
write 后面的 ( 和 ) 括号用于调用它。
也就是执行方法内部编写的代码。
那么()内的’Hello World’ 就是该方法的参数, 是一个字符串。

什么是字符串?
字符串只是文本字符的序列。

总而言之,此代码在 HTML 文档上输出文本 “Hello World!” 。

外部 JavaScript 文件
当 Web 应用程序的 JavaScript 变得足够大且复杂,以致难以与 HTML 标记一起管理它时,最好将代码转移到单独的文件中。
JavaScript 文件包含 JavaScript 代码, 扩展名为 .js 。

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

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

相关文章

《信息技术服务监理 第5部分:软件工程监理规范》(GB/T 19668.5-2018)标准解读

《信息技术服务监理 第 5 部分:软件工程监理规范》(GB/T 19668.5-2018)是规范软件工程监理服务的国家标准,旨在为软件工程监理的规划设计、招标、设计、实施、验收等阶段及相关支持过程提供明确的监理要求、服务内容和实施要点。 …

RedisJSON 路径语法深度解析与实战

一、两种路径语法概览语法类型触发标志简介JSONPath以 $ 开头全功能路径,支持递归 (..)、通配符 (*)、切片 ([start:end:step])、过滤 (?())、脚本表达式等Legacy以 . 或键名开头早期版本(v1)遗留语法,只支持简单的点式和中括号&…

从Rust模块化探索到DLB 2.0实践|得物技术

一、前言在云原生架构高速迭代的背景下,基础设施的性能瓶颈与安全隐患成为技术演进的关键挑战。本文系统记录了团队基于Rust语言改造Nginx组件的完整技术路径:从接触Cloudflare的quiche库,引发对Rust安全特性的探索,到通过FFI实现…

【 MySQL】一点点相关的记录

打开 MySQL Workbench 并连接到你的数据库在 MySQL Connections 下,选择连接的数据库实例( Local instance MySQL80)登录时输入 用户名 和 密码。 root,密码是在 MySQL 安装时设置的密码创建新数据库登录后,在 MySQL W…

旅游企业如何通过数字化转型实现高效运营

在旅游行业竞争日益激烈、游客需求日趋多样的当下,数字化管理成为旅游企业提升竞争力的关键协同办公系统以其丰富功能与灵活特性,为旅游行业带来全新的数字化变革,助力企业高效运营。优化行程规划与调度旅游行程的规划与调度繁杂且关键。协同…

大数据Spark(六十二):Spark基于Yarn提交任务流程

文章目录 Spark基于Yarn提交任务流程 一、Yarn-Client模式 1、提交命令 2、任务执行流程 二、Yarn-Cluster模式 1、提交命令 2、任务执行流程 Spark基于Yarn提交任务流程 在Yarn模式下,Spark的任务提交同样根据Driver程序运行的位置不同,分为cli…

Docker 高级管理-容器通信技术与数据持久化

(1)创建一个叫 my-net 的 bridge 类型的网络(2)查看都有哪些网络(3)运行一个容器井连接到新建的 my-net 网络(4)运行一个容器井加入到 my-net 网络2:Host 模式由于使用了 Host 模式,容器会直接使用宿主机的网络端口,因此可以直接在宿主机上通过 localhos…

在 Ubuntu 24.04 中安装 Python 2.7、pip 及 mysqlclient==1.4.6 的完整指南

在 Ubuntu 24.04 中安装 Python 2.7、pip 及 mysqlclient1.4.6 的完整指南 前言 随着 Ubuntu 24.04 的发布,许多旧的软件包已被移除或更新,但老项目需要 Python 2 。本文将详细介绍自己如何在 Ubuntu 24.04 中成功安装 Python 2.7、pip 以及 mysqlclient…

doker以及网站案例

一.docker搭建1.安装dockerapt-get install docker.io docker-compose2.编写配置文件(注意路径正确)vim /etc/systemd/system/docker.service.d/http-proxy.conf[Service] Environment"HTTP_PROXYhttp://科学上网访问的ip:端口" Environment&q…

【HarmonyOS Next之旅】DevEco Studio使用指南(四十一) -> 获取自定义编译参数

目录 1 -> HAP/HSP运行时获取编译构建参数 1.1 -> 生成BuildProfile类文件 1.2 -> 在代码中获取构建参数 1.3 -> 默认参数 1.4 -> 自定义参数 2 -> HAR运行时获取编译构建参数 2.1 -> 生成BuildProfile类文件 2.2 -> 在代码中获取构建参数 2.…

NGINX系统基于PHP部署应用

目录 部署 配置 部署 准备三台主机,一台服务端,两台客户端; 1.在两台客户端主机上分别安装 MySQL; [rootmaster /]#yum install -y mysql nginx; [rootmaster /]#yum install -y nginx PHP; [rootmaster /]#yum install -y php PHP-m…

ip地址可以精确到什么级别?如何获取/更改ip地址

IP地址的精确级别和获取/更改方式取决于其类型(公网IP vs 内网IP),以下是详细解答: 一、IP地址的精确级别 1. 公网IP地址(互联网可见) 定位级别精度范围说明国家/地区级约95%准确通过IP数据库(…

Linux(Centos 7.6)命令详解:useradd

1.命令作用创建新用户或更新默认的新用户信息(create a new user or update default new user information)2.命令语法Usage: useradd [options] LOGINuseradd -Duseradd -D [options]3.参数详解OPTION:-b, --base-dir BASE_DIR,新帐户的主目录的基本目录&#xff1…

异步I/O库:libuv、libev、libevent与libeio

异步I/O编程是现代高性能网络服务的核心,而libuv、libev、libevent、libeio这四个库则是这一领域的常青树。它们虽同属事件驱动模型,却在设计哲学、适用场景和实现细节上各具特色。本文将深入剖析其异同。 一、共同点:异步事件驱动 事件循环&…

go go go 出发咯 - go web开发入门系列(四) 数据库ORM框架集成与解读

go go go 出发咯 - go web开发入门系列(四) 数据库ORM框架集成与解读 往期回顾 go go go 出发咯 - go web开发入门系列(一) helloworldgo go go 出发咯 - go web开发入门系列(二) Gin 框架实战指南go go g…

CD47.【C++ Dev】list的模拟实现(2)

目录 1.const修饰的迭代器的实现 方法1:分成两个类 完整代码 方法2:STL库的写法 2.STL库的第三个模版参数T*的解释 ->->的简写语法 3.其他成员函数 insert erase push_back、push_front、pop_front、pop_back size clear 析构函数~list() 拷贝构造函数(★…

UI前端与数字孪生融合新领域拓展:智慧教育的虚拟实验室建设

hello宝子们...我们是艾斯视觉擅长ui设计、前端开发、数字孪生、大数据、三维建模、三维动画10年经验!希望我的分享能帮助到您!如需帮助可以评论关注私信我们一起探讨!致敬感谢感恩!一、引言:虚拟实验室 —— 打破教育边界的技术革命传统实验教学正面临 “设备昂贵、…

7. TCP 和 UDP 的区别

总结 TCP 面向连接,需要三次握手建立连接,UDP 无连接,不需要握手,直接发送数据。UDP 有较好的实时性,效率比 TCP 高。TCP 面向字节流,实际上是 TCP 把数据看成一连串无结构的字节流,UDP 是面向报…

iOS Widget 开发-7:TimelineProvider 机制全解析:构建未来时间线

在 WidgetKit 中,TimelineProvider 是小组件生命周期的核心机制之一。它控制着 数据获取时机、展示内容 与 刷新策略,是实现时间驱动内容更新的基础。 本文将介绍 TimelineProvider 的工作原理、设计模式、常见场景与高级用法,帮助大家构建智…

基于PHP/MySQL的企业培训考试系统源码,高并发、稳定运行,源码开源可二开

温馨提示:文末有资源获取方式这是一款专为企业设计的开源培训考试系统,采用PHPMySQL技术栈开发,具有高并发处理能力和稳定运行特性。系统源码完全开放,支持二次开发,可满足各类企业的培训考核需求。核心功能特点1. 高性…