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 相关文章推荐
flash遮住div问题的正确解决方法
Feb 27 Javascript
浅谈javascript中return语句
Jul 15 Javascript
javascript基础知识分享之类与函数化
Feb 13 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
Jun 27 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
Feb 23 Javascript
vue loadmore组件上拉加载更多功能示例代码
Jul 19 Javascript
Axios学习笔记之使用方法教程
Jul 21 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
Nov 02 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
Oct 25 Javascript
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
vue+element项目中过滤输入框特殊字符小结
Aug 07 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
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
PHP实现的交通银行网银在线支付接口ECSHOP插件和使用例子
2014/05/10 PHP
使用配置类定义Codeigniter全局变量
2014/06/12 PHP
简单谈谈php延迟静态绑定
2016/01/26 PHP
PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
2016/04/14 PHP
Firefox 无法获取cssRules 的解决办法
2006/10/11 Javascript
extjs中grid中嵌入动态combobox的应用
2011/01/01 Javascript
JQuery循环滚动图片代码
2011/12/08 Javascript
select、radio表单回显功能实现避免使用jquery载入赋值
2013/06/08 Javascript
js 页面元素的几个用法总结
2013/11/18 Javascript
jQuery的css() 方法使用指南
2015/05/03 Javascript
JS实现HTML标签转义及反转义
2020/04/14 Javascript
angular2+nodejs实现图片上传功能
2017/03/27 NodeJs
AngularJS 最常用的八种功能(基础知识)
2017/06/26 Javascript
JS实现批量上传文件并显示进度功能
2017/06/27 Javascript
JS库之Waypoints的用法详解
2017/09/13 Javascript
vue中设置height:100%无效的问题及解决方法
2018/07/27 Javascript
vue 属性拦截实现双向绑定的实例代码
2018/10/24 Javascript
package.json中homepage属性的作用详解
2020/03/11 Javascript
Python实现批量下载文件
2015/05/17 Python
Python的socket模块源码中的一些实现要点分析
2016/06/06 Python
利用Python爬取可用的代理IP
2016/08/18 Python
Python Flask-web表单使用详解
2017/11/18 Python
numpy中矩阵合并的实例
2018/06/15 Python
Ubuntu下升级 python3.7.1流程备忘(推荐)
2018/12/10 Python
Python 取numpy数组的某几行某几列方法
2019/10/24 Python
PyCharm2020最新激活码+激活码补丁(亲测最新版PyCharm2020.2激活成功)
2020/11/25 Python
python自动化测试三部曲之unittest框架的实现
2020/10/07 Python
解决img标签上下出现间隙的方法
2016/12/14 HTML / CSS
详解html5 shiv.js和respond.min.js
2018/01/24 HTML / CSS
肯尼亚网上商城:Kilimall
2016/08/20 全球购物
部队万能检讨书
2014/02/20 职场文书
病媒生物防治方案
2014/05/13 职场文书
大学团日活动新闻稿
2014/09/10 职场文书
干货:如何写好工作计划!
2019/05/17 职场文书
Linux系统下安装PHP7.3版本
2021/06/26 PHP