javascript使用输出语句实现网页特效代码

 更新时间:2015年08月06日 17:35:38   作者:小强老师  
这篇文章主要介绍javascript使用输出语句实现网页特效,有需要的朋友可以参考下

本文主要讲三个最为常用的输出语句,有alert()弹出警示框,打印输入语句,控制台输出,具体方法请看下文,附有图片、注释非常详细。

 

复制代码 代码如下:

alert() 弹出警示框
window.alert(‘继续学习');  完整的写法

效果如下:

1

因为alert 属于window 对象的方法, 而 window是可以省略的

所以,一般我们都是这么写 :  alert(‘欢迎大家来学习'); //弹出警示框

但是,这个啊,每次都会弹出对话框,对于一些胆小的人,会吓着人家,嘻嘻,开玩笑啦, 主要是用户体验不好。因此尽量少用  一般用来测试

文档打印输出

常用的打印输入有两个语句

复制代码 代码如下:

document.write()
document.writeln()

注意: 这两个属于document 对象, document是不能省略的。

writeln   是    write line 的缩写   会在末尾生成一个  <br />

正常情况下,document.writeln()  会在后面生成都是一个空格 ,平时也看不出两者的区别。

再 pre 标签中,就会有换行的作用。如下:

2

展示效果如下:

3

控制台输出(console

复制代码 代码如下:

Console  控制台
Console.log()      测试用的最多,  写完之后是要删除的。
Console.info()     和console.log 是一模一样的。只有一点不同 他的前面会有一个 !
Console.warn()     警示 的意思
Console.error()     错误提示
444

效果如下:

4

以上就是本文的全部内容,希望大家喜欢。

相关文章

  • 本地存储cookie、localStorage和sessionStorage示例详解

    本地存储cookie、localStorage和sessionStorage示例详解

    cookie、localStorage 和 sessionStorage都是在客户端存储数据的方式,但它们之间有一些区别,下面这篇文章主要给大家介绍了关于JavaScript中cookie、localStorage和sessionStorage的相关资料,需要的朋友可以参考下
    2024-03-03
  • 原生js实现点击按钮复制内容到剪切板

    原生js实现点击按钮复制内容到剪切板

    这篇文章主要为大家详细介绍了原生js实现点击按钮复制内容到剪切板,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • JavaScript中的操作符==与===介绍

    JavaScript中的操作符==与===介绍

    这篇文章主要介绍了JavaScript中的操作符==与===介绍,本文讲解了===操作符的判断规则、==操作符的判断规则,需要的朋友可以参考下
    2014-12-12
  • JavaScript中Set基本使用方法实例

    JavaScript中Set基本使用方法实例

    因为Set中存放的数据都是不会重复的数据,我们在编写JS代码的时候,因此我们可以利用Set来帮助我们更便捷地完成许多的事,下面这篇文章主要给大家介绍了关于JavaScript中Set基本使用方法的相关资料,需要的朋友可以参考下
    2022-11-11
  • JavaScript中的惰性载入函数及优势

    JavaScript中的惰性载入函数及优势

    这篇文章主要介绍了JavaScript中的惰性载入函数及优势,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-02-02
  • namespace.js Javascript的命名空间库

    namespace.js Javascript的命名空间库

    命名空间的好处已经耳熟能详,但是JS中并没有原生态支持命名空间,这个库就是为js提供命名空间的功能。
    2011-10-10
  • 微信小程序实现本地分页加载

    微信小程序实现本地分页加载

    这篇文章主要为大家详细介绍了微信小程序实现本地分页加载,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • 微信小程序 函数防抖 解决重复点击消耗性能问题实现代码

    微信小程序 函数防抖 解决重复点击消耗性能问题实现代码

    这篇文章主要介绍了微信小程序使用函数防抖解决重复点击消耗性能问题实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • JS实现两周内自动登录功能

    JS实现两周内自动登录功能

    这篇文章主要为大家详细介绍了JS实现两周内自动登录功能的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • Bootstrap开发实战之响应式轮播图

    Bootstrap开发实战之响应式轮播图

    这篇文章主要为大家详细介绍了Bootstrap开发实战之响应式轮播图,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-06-06

最新评论