JS简单实现仿百度控制台输出信息效果


Posted in Javascript onSeptember 04, 2016

本文实例讲述了JS简单实现仿百度控制台输出信息效果。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<h3>打开控制台看看</h3>
<script type="text/javascript">
console.log("一张网页,要经历怎样的过程,才能抵达用户面前?\n一位新人,要经历怎样的成长,才能站在技术之巅?\n探寻这里的秘密;\n体验这里的挑战;\n成为这里的主人;\n加入XX企业,加入网页搜索,你,可以影响世界。\n");
console.log("请将简历发送至 %c 火星","color:red");
console.log("职位介绍:http://www.xxx.com")
</script>
</body>
</html>

效果图如下:

JS简单实现仿百度控制台输出信息效果

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
IE浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
一个js写的日历(代码部分网摘)
Sep 20 Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
Jun 12 Javascript
jQuery中:has选择器用法实例
Dec 30 Javascript
JavaScript实现输入框(密码框)出现提示语
Jan 12 Javascript
jquery+ajax+text文本框实现智能提示完整实例
Jul 09 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
May 29 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
小程序两种滚动公告栏的实现方法
Sep 17 Javascript
Vue 数组和对象更新,但是页面没有刷新的解决方式
Nov 09 Javascript
jquery传参及获取方式(两种方式)
Feb 13 jQuery
vue界面发送表情的实现代码
Sep 11 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
Sep 04 #Javascript
JS简单测试循环运行时间的方法
Sep 04 #Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
Sep 04 #Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
Sep 04 #Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
Sep 04 #Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
Sep 04 #Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 #Javascript
You might like
基于mysql的论坛(4)
2006/10/09 PHP
php使用curl访问https示例分享
2014/01/17 PHP
JQuery困惑—包装集 DOM节点
2009/10/16 Javascript
javascript 设计模式之单体模式 面向对象学习基础
2010/04/18 Javascript
JQuery 图片的展开和伸缩实例讲解
2013/04/18 Javascript
JQuery Tips相关(1)----关于$.Ready()
2014/08/14 Javascript
jQuery获取对象简单实现方法小结
2014/10/30 Javascript
点评js异步加载的4种方式
2015/12/22 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
2016/10/05 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
2017/02/16 Javascript
vue-router 学习快速入门
2017/03/01 Javascript
Node.js数据库操作之查询MySQL数据库(二)
2017/03/04 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
2019/03/07 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
2020/08/04 Javascript
Python写的英文字符大小写转换代码示例
2015/03/06 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
python输入错误密码用户锁定实现方法
2017/11/27 Python
NumPy 如何生成多维数组的方法
2018/02/05 Python
Django异步任务之Celery的基本使用
2019/03/23 Python
对Python中class和instance以及self的用法详解
2019/06/26 Python
python多线程分块读取文件
2019/08/29 Python
Python正则re模块使用步骤及原理解析
2020/08/18 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
Linux系统下升级pip的完整步骤
2021/01/31 Python
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
2013/04/22 HTML / CSS
Bibloo匈牙利:女装、男装、童装及鞋子和配饰
2019/04/14 全球购物
大学校庆策划书
2014/01/31 职场文书
法语专业求职信
2014/07/20 职场文书
个人思想政治总结
2015/03/05 职场文书
Python并发编程实例教程之线程的玩法
2021/06/20 Python
详解 TypeScript 枚举类型
2021/11/02 Javascript
SpringBoot2零基础到精通之数据与页面响应
2022/03/22 Java/Android
springboot layui hutool Excel导入的实现
2022/03/31 Java/Android
Python 操作pdf pdfplumber读取PDF写入Exce
2022/08/14 Python