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 相关文章推荐
js压缩工具 yuicompressor 使用教程
Mar 31 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
Dec 09 Javascript
javascript开发技术大全 第4章 直接量与字符集
Jul 03 Javascript
jQuery在html有效在jsp无效的原因及解决方法
Aug 02 Javascript
parentElement,srcElement的使用小结
Jan 13 Javascript
jQuery判断对象是否存在的方法
Feb 05 Javascript
动态创建按钮的JavaScript代码
Jan 29 Javascript
vue插件vue-resource的使用笔记(小结)
Aug 04 Javascript
微信小程序实现打开内置地图功能【附源码下载】
Dec 07 Javascript
js实现内置计时器
Dec 16 Javascript
element中el-container容器与div布局区分详解
May 13 Javascript
Vue如何循环提取对象数组中的值
Nov 18 Vue.js
把多个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
PHP把网页保存为word文件的三种方法
2014/04/01 PHP
php对文件进行hash运算的方法
2015/04/03 PHP
PHP中检索字符串的方法分析【strstr与substr_count方法】
2017/02/17 PHP
利用XMLHTTP传递参数在另一页面执行并刷新本页
2006/10/26 Javascript
doctype后如何获得body.clientHeight的方法
2007/07/11 Javascript
jQuery 自动增长的文本输入框实现代码
2010/04/02 Javascript
让mayfish支持mysqli数据库驱动的实现方法
2010/05/22 Javascript
浅析Prototype的模板类 Template
2011/12/07 Javascript
Jquery实现图片左右自动滚动示例
2013/09/25 Javascript
JS判断字符串包含的方法
2015/05/05 Javascript
Jquery操作Ajax方法小结
2015/11/29 Javascript
用JavaScript获取页面文档内容的实现代码
2016/06/10 Javascript
AngularJS 中的Promise --- $q服务详解
2016/09/14 Javascript
Bootstrap Table使用方法解析
2016/10/19 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
JS查找数组中重复元素的方法详解
2017/06/14 Javascript
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
jQuery实现仿京东防抖动菜单效果示例
2018/07/06 jQuery
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
2018/11/29 Javascript
深入理解redux之compose的具体应用
2020/01/12 Javascript
OpenLayers3实现测量功能
2020/09/25 Javascript
vue3+typeScript穿梭框的实现示例
2020/12/29 Vue.js
python消除序列的重复值并保持顺序不变的实例
2018/11/08 Python
django 连接数据库 sqlite的例子
2019/08/14 Python
python 异步async库的使用说明
2020/05/04 Python
python将下载到本地m3u8视频合成MP4的代码详解
2020/11/24 Python
CSS3的 fit-content实现水平居中
2017/09/07 HTML / CSS
英国领先品牌手动工具和电动工具供应商:Tooled Up
2018/11/24 全球购物
ManoMano英国:欧洲第一家专注于DIY和园艺市场的电商平台
2020/03/12 全球购物
软件测试工程师结构化面试题库
2016/11/23 面试题
公司营业员的自我评价
2014/03/04 职场文书
意向书范文
2014/03/31 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书
Python matplotlib绘制条形统计图 处理多个实验多组观测值
2022/04/21 Python