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 相关文章推荐
window.open被浏览器拦截后的自定义提示效果代码
Nov 19 Javascript
在子窗口中关闭父窗口的一句代码
Oct 21 Javascript
js操作label给label赋值及取label的值示例
Nov 07 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
DOM 高级编程
May 06 Javascript
JS高仿抛物线加入购物车特效实现代码
Feb 20 Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 Javascript
jquery ztree实现右键收藏功能
Nov 20 jQuery
详解html-webpack-plugin用法全解
Jan 22 Javascript
详解通过源码解析Node.js中cluster模块的主要功能实现
May 16 Javascript
layui table 参数设置方法
Aug 14 Javascript
Vue路由 重定向和别名的区别说明
Sep 09 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
一个ftp类(ini.php)
2006/10/09 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
YII2框架中添加自定义模块的方法实例分析
2020/03/18 PHP
IE event.srcElement和FF event.target 功能比较
2010/03/01 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
2013/08/12 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
2015/01/08 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
2016/08/01 Javascript
微信小程序 教程之WXSS
2016/10/18 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
2016/12/21 Javascript
Node.js编写CLI的实例详解
2017/05/17 Javascript
JS中正则表达式要注意lastIndex属性
2017/08/08 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
2017/11/24 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
2018/09/18 Javascript
vue拖拽排序插件vuedraggable使用方法详解
2020/08/21 Javascript
js纯前端实现腾讯cos文件上传功能的示例代码
2019/05/14 Javascript
基于Proxy的小程序状态管理实现
2019/06/14 Javascript
es6中使用map简化复杂条件判断操作实例详解
2020/02/19 Javascript
如何使用原生Js实现随机点名详解
2021/01/06 Javascript
[01:12]DOTA2 2015年秋季互动指南
2015/11/10 DOTA
在Mac OS上使用mod_wsgi连接Python与Apache服务器
2015/12/24 Python
独特的python循环语句
2016/11/20 Python
Python Django 页面上展示固定的页码数实现代码
2019/08/21 Python
python计算无向图节点度的实例代码
2019/11/22 Python
sklearn+python:线性回归案例
2020/02/24 Python
Python 解析简单的XML数据
2020/07/24 Python
Bed Bath & Beyond加拿大官网:购买床上用品、浴巾、厨房电器等
2019/10/04 全球购物
轻金属冶金专业毕业生自荐信
2013/11/02 职场文书
培训班开班仪式主持词
2014/03/28 职场文书
求职信怎么写范文
2014/05/26 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书
浅谈mysql执行过程以及顺序
2021/05/12 MySQL
vue-router中hash模式与history模式的区别
2021/06/23 Vue.js
MySQL磁盘碎片整理实例演示
2022/04/03 MySQL