javascript使用输出语句实现网页特效代码


Posted in Javascript onAugust 06, 2015

本文主要讲三个最为常用的输出语句,有alert()弹出警示框,打印输入语句,控制台输出,具体方法请看下文,附有图片、注释非常详细。

 

alert() 弹出警示框

window.alert(‘继续学习');  完整的写法

效果如下:

javascript使用输出语句实现网页特效代码

因为alert 属于window 对象的方法, 而 window是可以省略的

所以,一般我们都是这么写 :  alert(‘欢迎大家来学习'); //弹出警示框

但是,这个啊,每次都会弹出对话框,对于一些胆小的人,会吓着人家,嘻嘻,开玩笑啦, 主要是用户体验不好。因此尽量少用  一般用来测试

文档打印输出

常用的打印输入有两个语句

document.write()

document.writeln()

注意: 这两个属于document 对象, document是不能省略的。

writeln   是    write line 的缩写   会在末尾生成一个  <br />

正常情况下,document.writeln()  会在后面生成都是一个空格 ,平时也看不出两者的区别。

再 pre 标签中,就会有换行的作用。如下:

javascript使用输出语句实现网页特效代码

展示效果如下:

javascript使用输出语句实现网页特效代码

控制台输出(console

Console  控制台

Console.log()      测试用的最多,  写完之后是要删除的。

Console.info()     和console.log 是一模一样的。只有一点不同 他的前面会有一个 !

Console.warn()     警示 的意思

Console.error()     错误提示
javascript使用输出语句实现网页特效代码

效果如下:

javascript使用输出语句实现网页特效代码

以上就是本文的全部内容,希望大家喜欢。

Javascript 相关文章推荐
Save a File Using a File Save Dialog Box
Jun 18 Javascript
给Function做的OOP扩展
May 07 Javascript
JavaScript 类似flash效果的立体图片浏览器
Feb 08 Javascript
jQuery中:eq()选择器用法实例
Dec 29 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
Dec 31 Javascript
JS实现图片放大缩小的方法
Feb 15 Javascript
layui选项卡效果实现代码
May 19 Javascript
vue里如何主动销毁keep-alive缓存的组件
Mar 21 Javascript
vue中实现回车键登录功能
Feb 19 Javascript
原生javascript如何实现共享onload事件
Jul 03 Javascript
vue-i18n实现中英文切换的方法
Jul 06 Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 Javascript
JS实现霓虹灯文字效果的方法
Aug 06 #Javascript
javascript实现网页背景烟花效果的方法
Aug 06 #Javascript
JS实现三级折叠菜单特效,其它级可自动收缩
Aug 06 #Javascript
JavaScript实现定时隐藏与显示图片的方法
Aug 06 #Javascript
JavaScript实现文字跟随鼠标特效
Aug 06 #Javascript
javascript实现3D变换的立体圆圈实例
Aug 06 #Javascript
JavaScript实现自动弹出窗口并自动关闭窗口的方法
Aug 06 #Javascript
You might like
基于linnux+phantomjs实现生成图片格式的网页快照
2015/04/15 PHP
php 浮点数比较方法详解
2017/05/05 PHP
laravel migrate初学常见错误的解决方法
2017/10/11 PHP
JavaScript学习历程和心得小结
2010/08/16 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
2013/02/06 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
2016/02/14 Javascript
Google 地图类型详解及示例代码
2016/08/06 Javascript
JavaScript中的遍历详解(多种遍历)
2017/04/07 Javascript
javascript简单链式调用案例分析
2017/05/10 Javascript
BootStrap 表单控件之单选按钮水平排列
2017/05/23 Javascript
通过实例了解Javascript柯里化流程
2020/03/03 Javascript
JS实现简易留言板(节点操作)
2020/03/16 Javascript
[01:00:10]完美世界DOTA2联赛PWL S2 FTD vs Inki 第二场 11.21
2020/11/24 DOTA
Python 2与Python 3版本和编码的对比
2017/02/14 Python
python爬虫使用cookie登录详解
2017/12/27 Python
Python面向对象总结及类与正则表达式详解
2019/04/18 Python
python实现小球弹跳效果
2019/05/10 Python
Django框架创建mysql连接与使用示例
2019/07/29 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
2019/08/22 Python
详解mac python+selenium+Chrome 简单案例
2019/11/08 Python
python能做哪方面的工作
2020/06/15 Python
python 字符串格式化的示例
2020/09/21 Python
python获取命令行参数实例方法讲解
2020/11/02 Python
Asics日本官网:鬼冢八喜郎创立的跑鞋运动品牌
2017/10/18 全球购物
从当地商店送来的杂货:Instacart
2018/08/19 全球购物
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
新东方旗下远程教育网站:新东方在线
2020/03/19 全球购物
网页设计个人找工作求职信
2013/11/28 职场文书
优秀学生干部推荐材料
2014/02/03 职场文书
军训鉴定表自我鉴定
2014/02/13 职场文书
少年闰土教学反思
2014/02/22 职场文书
银行授权委托书范本
2014/10/04 职场文书
建筑工程催款函
2015/06/24 职场文书
2016春季幼儿园小班开学寄语
2015/12/03 职场文书
5道关于python基础 while循环练习题
2021/11/27 Python
Golang并发工具Singleflight
2022/05/06 Golang