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操作web控件的自定义属性
Nov 25 Javascript
js鼠标点击图片实现随机变换图片的方法
Feb 16 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
Sep 14 Javascript
理解JavaScript原型链
Oct 25 Javascript
BootStrapTable 单选及取值的实现方法
Jan 10 Javascript
详解a++和++a的区别
Aug 30 Javascript
打字效果动画的4种实现方法(超简单)
Oct 18 Javascript
浅谈vue-router2路由参数注意的问题
Nov 08 Javascript
vue中render函数的使用详解
Oct 12 Javascript
Layui动态生成select下拉选择框不显示的解决方法
Sep 24 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
May 31 Javascript
原生JS生成指定位数的验证码
Oct 28 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 和 XML: 使用expat函数(三)
2006/10/09 PHP
PHP 采集程序中常用的函数
2009/12/09 PHP
php实现有趣的人品测试程序实例
2015/06/08 PHP
CentOS下搭建PHP环境与WordPress博客程序的全流程总结
2016/05/07 PHP
PHP时间相关常用函数用法示例
2020/06/03 PHP
JavaScript实现Sleep函数的代码
2007/03/04 Javascript
jQuery使用手册之一
2007/03/24 Javascript
node.js中的fs.readFile方法使用说明
2014/12/15 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
2015/09/09 Javascript
学习JavaScript设计模式(策略模式)
2015/11/26 Javascript
AngularJs基本特性解析(一)
2016/07/21 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
2017/02/14 Javascript
weex slider实现滑动底部导航功能
2017/08/28 Javascript
Js利用console计算代码运行时间的方法示例
2017/09/24 Javascript
vue.js+element-ui动态配置菜单的实例
2018/09/07 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
手把手教你python实现SVM算法
2017/12/27 Python
Python 十六进制整数与ASCii编码字符串相互转换方法
2018/07/09 Python
python 获取sqlite3数据库的表名和表字段名的实例
2019/07/17 Python
python 动态调用函数实例解析
2019/10/21 Python
浅谈python输出列表元素的所有排列形式
2020/02/26 Python
OpenCV Python实现拼图小游戏
2020/03/23 Python
python正则表达式 匹配反斜杠的操作方法
2020/08/07 Python
PyQt5的相对布局管理的实现
2020/08/07 Python
python中的yield from语法快速学习
2020/11/06 Python
英国天然宝石首饰购买网站:Gemondo Jewellery
2018/10/23 全球购物
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
2015年乡镇人大工作总结
2015/04/22 职场文书
社区敬老月活动总结
2015/05/07 职场文书
立案决定书范文
2015/06/24 职场文书
PyTorch 实现L2正则化以及Dropout的操作
2021/05/27 Python
React配置子路由的实现
2021/06/03 Javascript
带你了解CSS基础知识,样式
2021/07/21 HTML / CSS