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编程起步(第二课)
Jan 10 Javascript
JQuery中使用.each()遍历元素学习笔记
Nov 08 Javascript
在IE8上JS实现combobox支持拼音检索功能
May 23 Javascript
jquery实现下拉框多选方法介绍
Jan 03 Javascript
通过js控制时间,一秒一秒自己动的实例
Oct 25 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
Nov 29 Javascript
浅谈React + Webpack 构建打包优化
Jan 23 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
vue组件中的样式属性scoped实例详解
Oct 30 Javascript
js字符串倒序的实例代码
Nov 30 Javascript
JS数组Object.keys()方法的使用示例
Jun 05 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
Aug 23 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&amp;mysql(一)
2006/10/09 PHP
smarty内置函数{loteral}、{ldelim}和{rdelim}用法实例
2015/01/22 PHP
PHP开发注意事项总结
2015/02/04 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
2007/04/20 Javascript
JavaScript 密码强度判断代码
2009/09/05 Javascript
javascript中with()方法的语法格式及使用
2014/08/04 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
2016/08/25 Javascript
JS禁止查看网页源代码的实现方法
2016/10/12 Javascript
js图片轮播手动切换特效
2017/01/12 Javascript
浅谈angular2路由预加载策略
2017/10/04 Javascript
本地搭建微信小程序服务器的实现方法
2017/10/27 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
2018/02/03 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
2018/09/21 Javascript
angular中子控制器向父控制器传值的实例
2018/10/08 Javascript
vue 解决computed修改data数据的问题
2019/11/06 Javascript
Vue实现简单的拖拽效果
2020/08/25 Javascript
[47:21]Liquid vs TNC Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
Python中不同进制的语法及转换方法分析
2016/07/27 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
python 发送json数据操作实例分析
2019/10/15 Python
Tensorflow获取张量Tensor的具体维数实例
2020/01/19 Python
python使用docx模块读写docx文件的方法与docx模块常用方法详解
2020/02/17 Python
python+requests接口压力测试500次,查看响应时间的实例
2020/04/30 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
自我介绍演讲稿
2014/01/15 职场文书
教师研修随笔感言
2014/01/23 职场文书
医学生自我评价
2014/01/27 职场文书
献爱心活动总结
2014/05/07 职场文书
见习报告格式范文
2014/11/08 职场文书
先进党支部申报材料
2014/12/24 职场文书
晶体管来复再生式二管收音机
2021/04/22 无线电
css3中transform属性实现的4种功能
2021/08/07 HTML / CSS
python运算符之与用户交互
2022/04/13 Python