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 相关文章推荐
Javascript之旅 对象的原型链之由来
Aug 25 Javascript
js的Boolean对象初始值示例
Mar 04 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
jquery zTree异步加载简单实例讲解
Feb 25 Javascript
利用JS实现文字的聚合动画效果
Jan 22 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
Feb 15 Javascript
js构建二叉树进行数值数组的去重与优化详解
Mar 26 Javascript
JS实现的缓冲运动效果示例
Apr 30 Javascript
vue实现跳转接口push 转场动画示例
Nov 01 Javascript
通过js实现压缩图片上传功能
Feb 25 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
Mar 29 Javascript
详解如何在Canvas中添加事件的方法
Apr 17 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
《魔兽世界》惊魂幻象将获得调整
2020/03/08 其他游戏
php switch语句多个值匹配同一代码块应用示例
2014/07/29 PHP
PHP字符串比较函数strcmp()和strcasecmp()使用总结
2014/11/19 PHP
PHP上传Excel文件导入数据到MySQL数据库示例
2016/10/25 PHP
php基于curl重写file_get_contents函数实例
2016/11/08 PHP
PHP文件操作实例总结【文件上传、下载、分页】
2018/12/08 PHP
laravel框架数据库配置及操作数据库示例
2019/10/10 PHP
jquery入门—选择器实现隔行变色实例代码
2013/01/04 Javascript
原生js实现shift/ctrl/alt按键的获取
2013/04/08 Javascript
javascript实现文字图片上下滚动的具体实例
2013/06/28 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
2014/03/10 Javascript
JS拖拽组件学习使用
2016/01/19 Javascript
炫酷的js手风琴效果
2016/10/13 Javascript
js Canvas绘制圆形时钟教程
2017/02/06 Javascript
JavaScript中各数制转换全面总结
2017/08/21 Javascript
利用vue + element实现表格分页和前端搜索的方法
2017/12/25 Javascript
深入理解 JS 垃圾回收
2019/06/03 Javascript
JavaScript实现网页留言板功能
2020/11/23 Javascript
Python Web框架Flask下网站开发入门实例
2015/02/08 Python
用实例分析Python中method的参数传递过程
2015/04/02 Python
在Python中使用HTML模版的教程
2015/04/29 Python
分享python数据统计的一些小技巧
2016/07/21 Python
Python图算法实例分析
2016/08/13 Python
Python实现翻转数组功能示例
2018/01/12 Python
详解python实现线程安全的单例模式
2018/03/05 Python
班组长竞聘书
2014/03/31 职场文书
我爱我家教学反思
2014/05/01 职场文书
慈善捐赠倡议书
2014/08/30 职场文书
2015年幼儿园元旦游艺活动策划书
2014/12/09 职场文书
我的1919观后感
2015/06/03 职场文书
三八节祝酒词
2015/08/11 职场文书
Python控制台输出俄罗斯方块移动和旋转功能
2021/04/18 Python
Python selenium模拟网页点击爬虫交管12123违章数据
2021/05/26 Python
Mysql中 unique列插入重复值该怎么解决呢
2021/05/26 MySQL
MySql如何将查询的出来的字段进行转换
2022/06/14 MySQL
LyScript实现绕过反调试保护的示例详解
2022/08/14 Python