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  THIS详解 面向对象
Mar 25 Javascript
jQuery代码优化 遍历篇
Nov 01 Javascript
javascript动态向网页中添加表格实现代码
Feb 19 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
Jul 17 Javascript
详细分析使用AngularJS编程中提交表单的方式
Jun 19 Javascript
javascript中异常处理案例(推荐)
Oct 03 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
Sep 29 Javascript
详解Vue前端生产环境发布配置实战篇
May 07 Javascript
JS中call()和apply()的功能及用法实例分析
Jun 28 Javascript
浅析微信小程序modal弹窗关闭默认会执行cancel问题
Oct 14 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
Mar 04 Javascript
js+css实现扇形导航效果
Aug 18 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
ThinkPHP空模块和空操作详解
2014/06/30 PHP
php如何连接sql server
2015/10/16 PHP
PHP文件上传、客户端和服务器端加限制、抓取错误信息、完整步骤解析
2017/01/12 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
理解Javascript闭包
2013/11/01 Javascript
详解JavaScript中循环控制语句的用法
2015/06/03 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
2016/09/19 Javascript
炫酷的js手风琴效果
2016/10/13 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
2016/12/20 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
2017/01/09 Javascript
node.js平台下的mysql数据库配置及连接
2017/03/31 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
2017/07/20 Javascript
浅谈vue-router2路由参数注意的问题
2017/11/08 Javascript
解决ng-repeat产生的ng-model中取不到值的问题
2018/10/02 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
2019/09/02 Javascript
在微信小程序中渲染HTML内容3种解决方案及分析与问题解决
2020/01/12 Javascript
vue内置组件component--通过is属性动态渲染组件操作
2020/07/28 Javascript
详解在Python中处理异常的教程
2015/05/24 Python
python操作excel的方法(xlsxwriter包的使用)
2018/06/11 Python
python判断自身是否正在运行的方法
2019/08/08 Python
详解canvas在圆弧周围绘制文本的两种写法
2018/05/22 HTML / CSS
美国班级戒指、帽子和礼服、毕业产品、年鉴:Balfour
2018/11/01 全球购物
Public Desire美国/加拿大:全球性的在线鞋类品牌
2018/12/17 全球购物
俄罗斯卫浴采暖及维修用品超级市场:Dkrussia
2020/05/12 全球购物
C语言笔试集
2012/07/24 面试题
如何获得EntityManager
2014/02/09 面试题
JAVA程序设计笔试题面试题一套
2015/07/28 面试题
中青班党性分析材料
2014/02/16 职场文书
2014学习全国两会精神心得体会2000字
2014/03/11 职场文书
《桃林那间小木屋》教学反思
2014/05/01 职场文书
优秀班集体事迹材料
2014/12/25 职场文书
2015年党小组工作总结
2015/05/26 职场文书
意外事故赔偿协议书
2016/03/22 职场文书
抖音短视频(douyin)去水印工具的实现代码
2021/03/30 Javascript
Go语言读取txt文档的操作方法
2022/01/22 Golang
React自定义hook的方法
2022/06/25 Javascript