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 相关文章推荐
YUI 读码日记之 YAHOO.lang.is*
Mar 22 Javascript
超简单JS二级、多级联动的简单实例
Feb 18 Javascript
JS常用表单验证方法总结
May 22 Javascript
js函数内变量的作用域分析
Jan 12 Javascript
angularJS 入门基础
Feb 09 Javascript
JavaScript探测CSS动画是否已经完成的方法
Aug 30 Javascript
详解微信小程序中的页面代码中的模板的封装
Oct 12 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
少女风vue组件库的制作全过程
May 15 Javascript
微信小程序仿抖音短视频切换效果的实例代码
Jun 24 Javascript
javascript实现滚轮轮播图片
Dec 13 Javascript
JavaScript 防盗链的原理以及破解方法
Dec 29 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
风格模板初级不完全修改教程
2006/10/09 PHP
打造计数器DIY三步曲(上)
2006/10/09 PHP
使用php清除bom示例
2014/03/03 PHP
PHP的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别
2014/09/29 PHP
php防止网站被刷新的方法汇总
2014/12/01 PHP
浅谈php冒泡排序
2014/12/30 PHP
php中Redis的应用--消息传递
2017/03/28 PHP
理解JavaScript中的事件
2006/09/23 Javascript
ext监听事件方法[初级篇]
2008/04/27 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
2011/07/28 Javascript
推荐JavaScript实现继承的最佳方式
2014/11/11 Javascript
avalon js实现仿google plus图片多张拖动排序附源码下载
2015/09/24 Javascript
超详细的javascript数组方法汇总
2015/11/21 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
2016/09/20 Javascript
微信小程序 页面之间传参实例详解
2017/01/13 Javascript
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
JS实现瀑布流布局
2017/10/21 Javascript
vue router使用query和params传参的使用和区别
2017/11/13 Javascript
Vue.js 2.x之组件的定义和注册图文详解
2018/06/19 Javascript
JavaScript 中的 this 工作原理
2018/06/20 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
2019/07/08 Javascript
Django中提示消息messages的设置方式
2019/11/15 Python
Python迭代器Iterable判断方法解析
2020/03/16 Python
pytorch掉坑记录:model.eval的作用说明
2020/06/23 Python
python和go语言的区别是什么
2020/07/20 Python
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
韩国最大的购物网站:Gmarket
2019/06/20 全球购物
什么叫做SQL注入,如何防止
2016/10/04 面试题
linux面试题参考答案(4)
2013/01/28 面试题
护理学毕业生自荐信
2013/10/02 职场文书
2014信息技术专业毕业生自我评价
2014/01/17 职场文书
人力资源经理的岗位职责
2014/03/02 职场文书
官僚主义现象查摆问题整改措施
2014/10/04 职场文书
质量整改报告范文
2014/11/08 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
nginx配置指令之server_name的具体使用
2022/08/14 Servers