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 相关文章推荐
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
May 08 Javascript
浅谈轻量级js模板引擎simplite
Feb 13 Javascript
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
详解ajax的data参数错误导致页面崩溃
Apr 30 Javascript
vue结合axios与后端进行ajax交互的方法
Jul 06 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
Sep 03 Javascript
JavaScript日期工具类DateUtils定义与用法示例
Sep 03 Javascript
Vue插件从封装到发布的完整步骤记录
Feb 28 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
Jul 18 Javascript
浅谈bootstrap layer.open中end的使用方法
Sep 12 Javascript
vue路由跳转传递参数的方式总结
May 10 Javascript
使用js原生实现年份轮播选择效果实例
Jan 12 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面向对象全攻略 (一) 面向对象基础知识
2009/09/30 PHP
php使用curl简单抓取远程url的方法
2015/03/13 PHP
php删除指定目录的方法
2015/04/03 PHP
php实现的用户查询类实例
2015/06/18 PHP
jquery遍历input取得input的name
2009/04/27 Javascript
单独使用CKFinder选择图片的方法
2010/08/21 Javascript
javascript 常用功能总结
2012/03/18 Javascript
jquery单行文字向上滚动效果示例
2014/03/06 Javascript
form.submit()不能提交表单的错误原因及解决方法
2014/10/13 Javascript
webapp框架AngularUI的demo改造之路
2014/12/21 Javascript
微信小程序 window_x64环境搭建
2016/09/30 Javascript
footer定位页面底部(代码分享)
2017/03/07 Javascript
使用Sonarqube扫描Javascript代码的示例
2018/12/26 Javascript
浅谈express.js框架中间件(middleware)
2019/04/07 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
2020/05/12 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
2020/09/21 Javascript
关于vue属性使用和不使用冒号的区别说明
2020/10/22 Javascript
[01:02:02]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第二局
2016/02/25 DOTA
[02:28]DOTA2 2017国际邀请赛小组赛回顾
2017/08/09 DOTA
python多线程扫描端口示例
2014/01/16 Python
利用python画一颗心的方法示例
2017/01/31 Python
Form表单及django的form表单的补充
2019/07/25 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
美国著名的户外用品品牌:L.L.Bean
2018/01/05 全球购物
Larsson & Jennings官网:现代瑞士钟表匠
2018/03/20 全球购物
解决python 输出到csv 出现多空行的情况
2021/03/24 Python
清扬洗发水广告词
2014/03/14 职场文书
商务助理求职信范文
2014/04/20 职场文书
财务管理专业自荐书
2014/09/02 职场文书
参观邀请函范文
2015/02/02 职场文书
大学教师个人总结
2015/02/10 职场文书
项目合作意向书
2015/05/08 职场文书
Django路由层如何获取正确的url
2021/07/15 Python
python中if和elif的区别介绍
2021/11/07 Python
MySQL数据库查询进阶之多表查询详解
2022/04/08 MySQL