javascript使用输出语句实现网页特效代码
2015-08-06 00:00
821 查看
本文主要讲三个最为常用的输出语句,有alert()弹出警示框,打印输入语句,控制台输出,具体方法请看下文,附有图片、注释非常详细。
alert() 弹出警示框 window.alert(‘继续学习'); 完整的写法
效果如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201508/39aef34a24324ddec3f7f4e6adda84b5.png)
因为alert 属于window 对象的方法, 而 window是可以省略的
所以,一般我们都是这么写 : alert(‘欢迎大家来学习'); //弹出警示框
但是,这个啊,每次都会弹出对话框,对于一些胆小的人,会吓着人家,嘻嘻,开玩笑啦, 主要是用户体验不好。因此尽量少用 一般用来测试
文档打印输出
常用的打印输入有两个语句
document.write() document.writeln()
注意: 这两个属于document 对象, document是不能省略的。
writeln 是 write line 的缩写 会在末尾生成一个 <br />
正常情况下,document.writeln() 会在后面生成都是一个空格 ,平时也看不出两者的区别。
再 pre 标签中,就会有换行的作用。如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201508/8713a21cf11b508e37fb71629f29835d.png)
展示效果如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201508/413035182c410ba96b77702f337939ba.png)
控制台输出(console)
Console 控制台 Console.log() 测试用的最多, 写完之后是要删除的。 Console.info() 和console.log 是一模一样的。只有一点不同 他的前面会有一个 ! Console.warn() 警示 的意思 Console.error() 错误提示
![](https://oscdn.geek-share.com/Uploads/Images/Content/201508/8be9d35d7b476f91c0e7c69f67d77797.png)
效果如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201508/1a5db335b55e7e346683a4ffc2d7734e.png)
以上就是本文的全部内容,希望大家喜欢。
相关文章推荐
- PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
- 不好的JS脚本(编译器无法优化)
- fastjson转json的时候过滤掉某些属性
- 如何延迟加载js文件
- [学习笔记]JavaScript基础
- Javascript高级程序设计第八九章
- 【前端学习笔记】Javascript中的正则表达式-实例
- [LeetCode][JavaScript]Length of Last Word
- 【前端学习笔记】Javascript中的正则表达式
- seajs使用-1 解决冲突和依赖
- ExtJs使用总结
- [学习笔记]JavaScript基础--选项卡
- HYSBZ 1821 [JSOI2010]Group 部落划分(kruskal)(中等)
- [JSOI2008][BZOJ1017] 魔兽地图DotR|树型dp
- 解决js跨域问题的思路及实践
- [学习笔记]JavaScript基础--提取事件
- JS中判断undefined和null类型
- JS中判断undefined和null类型
- JS中判断undefined和null类型
- json 作为配置文件