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 相关文章推荐
JavaScript 参考教程
Dec 29 Javascript
JavaScript 的方法重载效果
Aug 07 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
JavaScript中逗号运算符介绍及使用示例
Mar 13 Javascript
JavaScript实现99乘法表及隔行变色实例代码
Feb 24 Javascript
快速掌握Node.js事件驱动模型
Mar 21 Javascript
Bootstrap3 多选和单选框(checkbox)
Dec 29 Javascript
MvcPager分页控件 适用于Bootstrap
Jun 03 Javascript
通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
Apr 08 Javascript
Vue实现移动端拖拽交换位置
Jul 29 Javascript
uni-app 自定义底部导航栏的实现
Dec 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
探讨Smarty中如何获取数组的长度以及smarty调用php函数的详解
2013/06/20 PHP
php判断ip黑名单程序代码实例
2014/02/24 PHP
php加密解密字符串示例
2016/10/13 PHP
PHP三种方式实现链式操作详解
2017/01/21 PHP
List the Codec Files on a Computer
2007/06/11 Javascript
JavaScript null和undefined区别分析
2009/10/14 Javascript
jquery 1.4.2发布!主要是性能与API
2010/02/25 Javascript
基于PHP+Jquery制作的可编辑的表格的代码
2011/04/10 Javascript
jquery制作搜狐快站页面效果示例分享
2014/02/21 Javascript
JS版的date函数(和PHP的date函数一样)
2014/05/12 Javascript
javascript 处理null及null值示例
2014/06/09 Javascript
jQuery实现点击该行即可删除HTML表格行
2014/10/17 Javascript
JS+CSS相对定位实现的下拉菜单
2015/10/06 Javascript
JavaScript编程的单例设计模讲解
2015/11/10 Javascript
js实现继承的5种方式
2015/12/01 Javascript
jQuery+JSON实现AJAX二级联动实例分析
2015/12/18 Javascript
详解Javascript事件驱动编程
2016/01/03 Javascript
JS实现一个简单的日历
2017/02/22 Javascript
javascript内存分配原理实例分析
2017/04/10 Javascript
Angular简单验证功能示例
2017/12/22 Javascript
基于打包工具Webpack进行项目开发实例
2018/05/29 Javascript
JavaScript中变量提升与函数提升经典实例分析
2018/07/26 Javascript
再谈Python中的字符串与字符编码(推荐)
2016/12/14 Python
在CMD命令行中运行python脚本的方法
2018/05/12 Python
Pandas读取MySQL数据到DataFrame的方法
2018/07/25 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
Python实现多线程/多进程的TCP服务器
2019/09/03 Python
使用python turtle画高达
2020/01/19 Python
canvas如何绘制钟表的方法
2017/12/13 HTML / CSS
JAVA代码查错题
2014/10/10 面试题
如何在.net Winform里面显示PDF文档
2012/09/11 面试题
摄影实习自我鉴定
2013/09/20 职场文书
四年级数学教学反思
2014/02/02 职场文书
酒店管理求职信
2014/06/09 职场文书
会议简讯范文
2015/07/20 职场文书