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 相关文章推荐
自己的js工具_Form 封装
Aug 21 Javascript
JavaScript 输入框内容格式验证代码
Feb 11 Javascript
Jquery数独游戏解析(一)-页面布局
Nov 05 Javascript
善用事件代理,警惕闭包的性能陷阱。
Jan 20 Javascript
jquery 触发a链接点击事件解决方案
May 02 Javascript
JQuery控制radio选中和不选中方法总结
Apr 15 Javascript
利用canvas实现的加载动画效果实例代码
Jul 05 Javascript
jQuery实现定时隐藏对话框的方法分析
Feb 12 jQuery
使用JavaScript中的lodash编写双色球效果
Jun 24 Javascript
学习使用ExpressJS 4.0中的新Router的用法
Nov 06 Javascript
vscode vue 文件模板的配置方法
Jul 23 Javascript
JS class语法糖的深入剖析
Jul 07 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
php下关于中英数字混排的字符串分割问题
2010/04/06 PHP
一个典型的PHP分页实例代码分享
2011/07/28 PHP
解析PHP强制转换类型及远程管理插件的安全隐患
2014/06/30 PHP
个人写的PHP验证码生成类分享
2014/08/21 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
基于PHP如何把汉字转化为拼音
2015/12/11 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
extjs fckeditor集成代码
2009/05/10 Javascript
jQuery 获取对象 定位子对象
2010/05/31 Javascript
Javascript中的window.event.keyCode使用介绍
2011/04/26 Javascript
javascript设计模式 封装和信息隐藏(上)
2012/07/24 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
2013/07/04 Javascript
Eclipse配置Javascript开发环境图文教程
2015/01/29 Javascript
JavaScript动态加载样式表的方法
2015/03/21 Javascript
Jquery ajax加载等待执行结束再继续执行下面代码操作
2015/11/24 Javascript
javascript实现滚动效果的数字时钟实例
2016/07/21 Javascript
JS中使用 after 伪类清除浮动实例
2017/03/01 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
2017/04/11 Javascript
vue结合axios与后端进行ajax交互的方法
2018/07/06 Javascript
Vue 中axios配置实例详解
2018/07/27 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
[06:53]DOTA2每周TOP10 精彩击杀集锦vol.3
2014/06/25 DOTA
在Python中使用全局日志时需要注意的问题
2015/05/06 Python
python中sys.argv参数用法实例分析
2015/05/20 Python
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
Python数据结构之单链表详解
2017/09/12 Python
Python在不同目录下导入模块的实现方法
2017/10/27 Python
pandas object格式转float64格式的方法
2018/04/10 Python
Python实现的基于优先等级分配糖果问题算法示例
2018/04/25 Python
详解python运行三种方式
2019/05/13 Python
python中下标和切片的使用方法解析
2019/08/27 Python
文科毕业生自荐书范文
2014/04/17 职场文书
人事专员岗位职责
2015/02/03 职场文书
解析Java异步之call future
2021/06/14 Java/Android
Java数组与堆栈相关知识总结
2021/06/29 Java/Android