JavaScript学习，弹窗显示Hello World！

最新推荐文章于 2025-08-26 00:00:00 发布

原创最新推荐文章于 2025-08-26 00:00:00 发布 · 4.5k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#JavaScript #编程 #JS

收录于

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的HTML与JavaScript结合的示例，通过在HTML文件中嵌入JavaScript代码，实现弹窗显示“Hello World！”的效果，适合初学者了解基本网页编程原理。

将下面的 HTML 代码拷贝到一个文件当中（例如用记事本Notepad），保存为“111.html”（文件名可以随意取）

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
	<script type="text/javascript" charset="UTF-8"> 
		alert("Hello World！");
	</script>
</body>
</html>

保存好之后，双击 “111.html” 文件。

你将看到一个消息框，显示消息“Hello World！”。

如下图所示

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

方人胥

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

javascript-hello-world:单击一个按钮时显示“ Hello World”消息的示例JavaScript

05-28

javascript-hello-world JavaScript是一种脚本化计算机编程语言，通常用于在Web浏览器中创建交互效果。该示例文件将显示“ Hello World！”。单击该按钮时出现的消息。脚步创建一个新HTML文件，并将其命名为hello-world.html。添加以下HTML： < ! doctype html > < html > < head > < title > JavaScript Hello World! < / title > < / head > < body > < h1> JavaScript Hello World! < / h1 > < button onclick = "alert('Hello World!');" > Clck Me < / button > < / body > < / html

1 条评论您还未登录，请先登录后发表或查看评论

JavaScript学习（随笔）

gaofengyan的博客

01-14

436

学习JavaScript课程的目标： http://www.w3school.com.cn/html/html_form_elements.asp 1.使用JavaScript实现表单验证。 2.使用JavaScript制作网页广告特效。 3.使用JavaSctipt制作弹出窗口特效。 4.使用JavaScript实现时钟特效。 5.使用JavaScript实现级联显示功能。 6.使...

弹框 hello word

feizhaipuls的博客

09-04

432

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>开始使用layui<...

Hello World的条件输出

desert0705的博客

07-16

1096

Hello World的条件输出描述获得用户输入的一个整数，参考该整数值，打印输出"Hello World"，要求：‪‬‪‬‪‬‪‬‪‬‮‬‪‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‭‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‭‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‫‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‫‬‪‬ 如果输入值是0，直接输出"Hello World"‪‬‪‬‪‬...

蓝桥杯真题 18省Ca1-分数 1/1 + 1/2 + 1/4 + 1/8 + 1/16 + .... 每项是前一项的一半，如果一共有20项, 求这个和是多少，结果用分数表示出来。类似： 3/2

fucheng的博客

10-16

3137

问题描述 1/1 + 1/2 + 1/4 + 1/8 + 1/16 + … 每项是前一项的一半，如果一共有20项, 求这个和是多少，结果用分数表示出来。类似： 3/2 当然，这只是加了前2项而已。分子分母要求互质。注意：需要输出的是已经约分过的分数，中间任何位置不能含有空格。请不要输出任何多余的文字或符号。输入没有输入。输出输出一个分数。提示把答案放在输出语句中输出，例如C/C++语言可以用printf或cout。思路这道题最简单的方法就是先用等比数列求和公式算出来式子，然后用程序算

JavaScript基础，来自“菜鸟教程”JavaScript实例练习【三】

yogurt_sweets的博客

06-07

283

叮！今日份更新，新鲜出炉～ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>高级JavaScript实例</title> <script> function setCookie(cname,cvalue,exdays){ var d = new Date(); d.setTime(d.getTime()+(exdays

JavaScript输出Hello,World的10种方式！

全栈空间

03-01

4708

JavaScript不愧是最强大的编程语言，和ChatGPT讨论后发现，至少有10种方法能够输出“hello world”，按运行环境分为浏览器环境和nodejs，按空间分为控制台、标题栏、地址栏、网页、桌面、弹窗，按介质分为文本、语音等，每种方法都有其独特的用途和实现方式。连一个hello world都能玩出花来！console.log("Hello, World!");document.wri...

js基础：01、第一个js程序(hello world)，js 编写位置，基本语法，字面量和变量，标识符

最新发布

狮子座的男孩

08-26

1217

本文介绍了JavaScript的基础语法知识，包括第一个JS程序"hello world"的三种输出方式（alert弹窗、document.write页面输出、console.log控制台输出），JS代码的编写位置（script标签、外部文件、标签属性），基本语法规则（区分大小写、分号结尾、注释使用），以及字面量、变量和标识符的概念。其中重点讲解了变量的声明与赋值、标识符的命名规范（不能以数字开头、驼峰命名法等），并通过多个代码示例展示了不同语法结构的实际应用效果。文章采用代码与运行结果

js 中的hello world

weixin_52387684的博客

12-22

1653

js代码编写的位置： 1.在html中用script标签来写 2.在button中用onclick属性来写 3.在a标签中用href来写 4.可以创建js文件，然后用script标签引用 hello world显示方案： 1.按钮,a标签和script标签： <button onclick="alert('hello world')"> button</button> <a href="javascript:alert('hello world');">link</

JavaScript DOM 学习(1) Hello World

我自倾怀，君且随意

03-27

710

一、JavaScript弹窗式的HelloWorld TestJs.html //1.当整个html文档完全加载成功后触发window.onload事件 //当事件触发后，执行函数体里面的内容 window.onload = function() { //2.获取所有的button结点，并取得第一个元素 var btn = document.getElementsByTag

二、JavaScript——Hello World

z972065491的博客

12-13

3036

console.log("你猜我在哪")document.write("文档就是网页")三个都是输出型语句，但一般使用不会影响网页的内容显示，且打印消息在内容，不会影响用户体验。

菜鸟教程之 HTML DOM 和浏览器BOM

墨鱼菜鸡

07-11

624

HTML DOM：https://www.runoob.com/js/js-htmldom.html 浏览器对象模型 (BOM)：https://www.runoob.com/js/js-window.html DOM、DOCUMENT、BOM、WINDOW 有什么区别? ：https://www.zhihu.com/question/3345316...

前端笔记37——用JavaScript实现简单的HelloWorld弹框

裕博的博客

12-26

1173

前言功夫不负有人呀！我终于学完简单的html+css了，我开始学JavaScript啦！利用JavaScript实现简单的Hello World弹框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </h

使用js实现在页面输出hello

aliuqian的博客

02-07

3508

使用内部、外部、行内的方式，使用js实现在页面输出hello 内部 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content

Docker基本命令

weixin_56239202的博客

04-13

4210

一.安装docker 1.docker运行时需要到管理员用户权限,现在我们是普通用户，终端内输入命令 su root切换为root用户。使用apt-get update#更新软件源中的所有软件列表 2.使用apt install docker.io #安装docker 3.查看版本 docker -v 二．docker的使用 1.使用docker search 镜像名 #来搜索镜像 2.使用docker pull xfv5/ubuntu:ph...

python3菜鸟教程-python3入门教程之hello world

weixin_37988176的博客

11-01

614

概述python 这门语言这几年非常的火，很多技术都用的到，像爬虫，大数据，人工智能等，包括很多的小孩都首选python作为入门学习语言，那python 究竟是怎样一门语言呢？Python 是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。简单的说，python 具有以下特点：易阅读，易扩展，易学习，易移植等。官话少说，下面我们开始安装，并编写第一个python程序。windows安...

Electron学习笔记（二）Hello World

锕琅的博客

07-30

1347

接上一篇文章 Electron学习笔记（一）基础环境-CSDN博客这一篇文章我们开始做第一个小demo

JavaScript显示hello world

GUI1259802368的博客

11-17

1198

首先建立一个脚本文件，内容如下 Just a test 另存为test.html文件。再建立一个脚本，内容如下 var="Hello World" alert(var); 另存为example.js文件。最后将test.html文件拖入浏览器显示。

1.Hello World

自我学习总结

04-17

113

文章目录一.Hello World 一.Hello World myfirstpage.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>My First Page</title> </head> <body> <s...

手动搭建 Hello World 服务

2403_88111660的博客

12-01

1023

本文档旨在帮助您了解如何快速创建一个容器集群内的 Hello World 的 Node.js 版的服务。