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 相关文章推荐
为Yahoo! UI Extensions Grid增加内置的可编辑器
Mar 10 Javascript
extjs grid设置某列背景颜色和字体颜色的实现方法
Sep 06 Javascript
动态创建script标签实现跨域资源访问的方法介绍
Feb 28 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
Nov 16 Javascript
jquery通过name属性取值的简单实现方法
Jun 20 Javascript
微信小程序 scroll-view组件实现列表页实例代码
Dec 14 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
Nov 22 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
May 31 Javascript
Vue导出页面为PDF格式的实现思路
Jul 31 Javascript
Node.js操作系统OS模块用法分析
Jan 04 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
Jan 03 Vue.js
小程序自定义轮播图圆点组件
Jun 25 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
PHP程序员面试 切忌急功近利(更需要注重以后的发展)
2010/09/01 PHP
php jq jquery getJSON跨域提交数据完整版
2013/09/13 PHP
zf框架的数据库追踪器使用示例
2014/03/13 PHP
PHP和MySql中32位和64位的整形范围是多少
2016/02/18 PHP
简单谈谈PHP中的include、include_once、require以及require_once语句
2016/04/23 PHP
微信公众号判断用户是否已关注php代码解析
2016/06/24 PHP
PHP vsprintf()函数格式化字符串操作原理解析
2020/07/14 PHP
判断JavaScript对象是否可用的最正确方法分析
2008/10/03 Javascript
javascript attachEvent绑定多个事件执行顺序问题
2010/10/20 Javascript
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
2012/04/07 Javascript
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
JavaScript使用cookie记录临时访客信息的方法
2015/04/07 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
js阻止移动端页面滚动的两种方法
2017/01/25 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
2020/02/15 Javascript
Python FTP操作类代码分享
2014/05/13 Python
python生成器generator用法实例分析
2015/06/04 Python
python执行使用shell命令方法分享
2017/11/08 Python
微信跳一跳python辅助软件思路及图像识别源码解析
2018/01/04 Python
Python爬虫实例_城市公交网络站点数据的爬取方法
2018/01/10 Python
python PyTorch参数初始化和Finetune
2018/02/11 Python
python处理两种分隔符的数据集方法
2018/12/12 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
python 使用三引号时容易犯的小错误
2020/10/21 Python
python 简单的调用有道翻译
2020/11/25 Python
python基于爬虫+django,打造个性化API接口
2021/01/21 Python
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
Kipling凯浦林美国官网:世界著名时尚休闲包袋品牌
2016/08/24 全球购物
美国最大的无人机经销商:DroneNerds
2018/03/20 全球购物
DJI全球:DJI Global
2021/03/15 全球购物
介绍一下Linux文件的记录形式
2013/09/29 面试题
应届毕业生应聘自荐信
2013/12/07 职场文书
保护环境倡议书
2014/04/14 职场文书
新教师培训方案
2014/06/08 职场文书
Oracle配置dblink访问PostgreSQL的操作方法
2022/03/21 PostgreSQL
HTML中link标签属性的具体用法
2023/05/07 HTML / CSS