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 相关文章推荐
在多个页面使用同一个HTML片段《续》
Mar 04 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 Javascript
js实现异步循环实现代码
Feb 16 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
Javascript之Number对象介绍
Jun 07 Javascript
返回函数的JavaScript函数
Jun 14 Javascript
JavaScript基础重点(必看)
Jul 09 Javascript
AngularJS 异步解决实现方法
Jun 12 Javascript
Swiper实现轮播图效果
Jul 03 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
Jul 03 Javascript
vue-next/runtime-core 源码阅读指南详解
Oct 25 Javascript
jquery实现广告上下滚动效果
Mar 04 jQuery
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中url函数介绍及使用示例
2014/02/13 PHP
php猴子选大王问题解决方法
2015/05/12 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
nodejs 后缀名判断限制代码
2011/03/31 NodeJs
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
node.js中的fs.appendFile方法使用说明
2014/12/17 Javascript
jQuery实现contains方法不区分大小写的方法
2015/02/13 Javascript
微信WeixinJSBridge API使用实例
2015/05/25 Javascript
javascript中使用正则表达式清理table样式的代码
2020/04/01 Javascript
JavaScript实现动态删除列表框值的方法
2015/08/12 Javascript
jquery实现未经美化的简洁TAB菜单效果
2015/08/28 Javascript
js性能优化技巧
2015/11/29 Javascript
jQuery+Ajax实现无刷新操作
2016/01/04 Javascript
javascript实现仿百度图片的瀑布流加载效果
2016/04/20 Javascript
jQuery hover事件简单实现同时绑定2个方法
2016/06/07 Javascript
JavaScript编写一个简易购物车功能
2016/09/17 Javascript
JS实现的表头列头固定页面功能示例
2017/01/10 Javascript
vue实现留言板todolist功能
2017/08/16 Javascript
微信小程序实现选项卡效果
2018/11/06 Javascript
说说如何在Vue.js中实现数字输入组件的方法
2019/01/08 Javascript
深入学习JavaScript 高阶函数
2019/06/11 Javascript
Jquery动态列功能完整实例
2019/08/30 jQuery
Angular单元测试之事件触发的实现
2020/01/20 Javascript
Python的几个高级语法概念浅析(lambda表达式闭包装饰器)
2016/05/28 Python
Python3一行代码实现图片文字识别的示例
2018/01/15 Python
Python排序算法之选择排序定义与用法示例
2018/04/29 Python
python判断设备是否联网的方法
2018/06/29 Python
解决PyCharm同目录下导入模块会报错的问题
2018/10/13 Python
Python partial函数原理及用法解析
2019/12/11 Python
Python基础之函数原理与应用实例详解
2020/01/03 Python
解决在keras中使用model.save()函数保存模型失败的问题
2020/05/21 Python
Python脚本破解压缩文件口令实例教程(zipfile)
2020/06/14 Python
利用python对excel中一列的时间数据更改格式操作
2020/07/14 Python
python 爬取百度文库并下载(免费文章限定)
2020/12/04 Python
网上常见的一份Linux面试题(多项选择部分)
2015/02/07 面试题