0

0

JavaScript输出方式有哪些

coldplay.xixi

coldplay.xixi

发布时间:2020-11-11 16:43:54

|

3926人浏览过

|

来源于php中文网

原创

JavaScript输出方式有:1、alert输出,在标签【】添加相关代码;2、【document.write】输出,直接输出在页面当中。

JavaScript输出方式有哪些

本教程操作环境:windows10系统、javascript1.8.5,本文适用于所有品牌的电脑。

相关免费学习推荐:JavaScript(视频)

JavaScript输出方式有:

1、alert输出

立即学习Java免费学习笔记(深入)”;

这种方式是我们经常在浏览网页的时候经常看到的,就是我们在浏览网页的时候会弹出一个提示。这样的效果就是通过alert方式输出的。下面我们通过工具敲一下代码看一下它的结构,看看是如何写的。我们通过这个图片看一下。

代码是不是特别简单,我们只需要在标签里面敲上 alert("Hello World"); 这样的一行代码就可以了。在引号里面我们可以变换内容,这样在浏览器里面就会有不同的提示了。

7c5bfb7ac3c60171b5eb62fab539043.png

alert方式输出

d8e8f04960df80f0f37ee0ccca8534f.png

alert方式输出结果

2、document.write输出

这种输出方式是直接输出在页面当中。也是很简单的我们来看一下代码和运行效果。我们只需要敲上 document.write("Hello World"); 这样就ok了。

诚信商店系统 Build 1030 Beta 2(生成HTML版)
诚信商店系统 Build 1030 Beta 2(生成HTML版)

可以调用多种模版,可以根据用户模版定义的样式随意增加输出样式,生成独立HTML,并且一些程序那种伪静态页面,为搜索引擎做了大量优化,支付方式随意扩展

下载

a42e74df6dba39d93c808fc3228374d.png

document.write输出

3d37f6e6f7fa754c640ba2c7d076657.png

输出效果

3、console.log输出

这种方式应用于调试,属于通过调试工具方式输出。它的格式是console.log("Hello World");此时我们打开浏览器运行一下看一下效果。发现页面没有任何东西,你知道为什么吗?因为这种方式是通过调试工具进行查看的。我们打开浏览器,按下F12或者审查元素然后点击console就显示出来了。看下图。

711576f889a268d45cd2555faad1152.png

console方式输出

039e61a6765ff21c0947926ef34e153.png

运行效果

这就是JavaScript的输出方式,第三种作为我们开发者是我们经常用到的,所以我们要掌握熟。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
ip地址修改教程大全
ip地址修改教程大全

本专题整合了ip地址修改教程大全,阅读下面的文章自行寻找合适的解决教程。

86

2025.12.26

压缩文件加密教程汇总
压缩文件加密教程汇总

本专题整合了压缩文件加密教程,阅读专题下面的文章了解更多详细教程。

50

2025.12.26

wifi无ip分配
wifi无ip分配

本专题整合了wifi无ip分配相关教程,阅读专题下面的文章了解更多详细教程。

100

2025.12.26

漫蛙漫画入口网址
漫蛙漫画入口网址

本专题整合了漫蛙入口网址大全,阅读下面的文章领取更多入口。

293

2025.12.26

b站看视频入口合集
b站看视频入口合集

本专题整合了b站哔哩哔哩相关入口合集,阅读下面的文章查看更多入口。

589

2025.12.26

俄罗斯搜索引擎yandex入口汇总
俄罗斯搜索引擎yandex入口汇总

本专题整合了俄罗斯搜索引擎yandex相关入口合集,阅读下面的文章查看更多入口。

725

2025.12.26

虚拟号码教程汇总
虚拟号码教程汇总

本专题整合了虚拟号码接收验证码相关教程,阅读下面的文章了解更多详细操作。

63

2025.12.25

错误代码dns_probe_possible
错误代码dns_probe_possible

本专题整合了电脑无法打开网页显示错误代码dns_probe_possible解决方法,阅读专题下面的文章了解更多处理方案。

30

2025.12.25

网页undefined啥意思
网页undefined啥意思

本专题整合了undefined相关内容,阅读下面的文章了解更多详细内容。后续继续更新。

94

2025.12.25

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 1.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号