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

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

相关文章

  • js 事件截取enter按键页面提交事件示例代码

    js 事件截取enter按键页面提交事件示例代码

    本篇文章主要是对js 事件截取enter按键页面提交事件示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • 详解微信小程序开发(项目从零开始)

    详解微信小程序开发(项目从零开始)

    这篇文章主要介绍了详解微信小程序开发(项目从零开始),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • 设置checkbox为只读(readOnly)的两种方式

    设置checkbox为只读(readOnly)的两种方式

    设置checkbox为只读的方法有很多,在本文为大家详细介绍下两种比较实用的方法,感兴趣的朋友不要错过
    2013-10-10
  • Javascript控制页面链接在新窗口打开具体方法

    Javascript控制页面链接在新窗口打开具体方法

    今天看一个朋友说不在A标题中加打开窗口形式要怎么让页面中所有页面在新页面打开,后来我找了几种比较实用办法,个人最喜欢的是最后一种方法哦
    2013-08-08
  • 对layui中的onevent 和event的使用详解

    对layui中的onevent 和event的使用详解

    今天小编就为大家分享一篇对layui中的onevent 和event的使用详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript 语言精粹学习笔记

    JavaScript 语言精粹学习笔记

    JavaScript建立在一些非常好的想法和少数非常坏的想法之上。
    2009-08-08
  • JS简单实现无缝滚动效果实例

    JS简单实现无缝滚动效果实例

    这篇文章主要介绍了JS简单实现无缝滚动效果,结合完整实例形式分析了javascript实现图片无缝滚动效果的实现技巧,涉及javascript结合时间函数定时触发动态修改页面元素属性的相关操作方法,需要的朋友可以参考下
    2016-08-08
  • JavaScript实现网页版五子棋游戏

    JavaScript实现网页版五子棋游戏

    这篇文章主要为大家详细介绍了JavaScript实现网页版五子棋游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-07
  • JavaScript的9种继承实现方式归纳

    JavaScript的9种继承实现方式归纳

    这篇文章主要介绍了JavaScript的9种继承实现方式归纳,本文讲解了原型链继承、原型继承(非原型链)、临时构造器继承、属性拷贝、对象间继承等继承方式,需要的朋友可以参考下
    2015-05-05
  • 原生JS实现动态添加新元素、删除元素方法

    原生JS实现动态添加新元素、删除元素方法

    这篇文章主要介绍了原生js实现动态添加新元素、删除元素方法 ,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05

最新评论