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 相关文章推荐
Jquery each方法跳出循环,并获取返回值(实例讲解)
Dec 12 Javascript
jquery动态改变div宽度和高度
Feb 09 Javascript
JavaScript闭包和范围实例详解
Dec 19 Javascript
js 数据存储和DOM编程
Feb 09 Javascript
js中怎么判断两个字符串相等的实例
Jan 17 Javascript
angular4中引入echarts的方法示例
Jan 29 Javascript
详解微信小程序的不同函数调用的几种方法
May 08 Javascript
node将geojson转shp返回给前端的实现方法
May 29 Javascript
Angular6使用forRoot() 注册单一实例服务问题
Aug 27 Javascript
详解elementui之el-image-viewer(图片查看器)
Aug 30 Javascript
基于jQuery拖拽事件的封装
Nov 29 jQuery
ant design vue的form表单取值方法
Jun 01 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
Warning: session_destroy() : Trying to destroy uninitialized sessionq错误
2011/06/16 PHP
PHP使用SOAP调用.net的WebService数据
2013/11/12 PHP
php中PDO方式实现数据库的增删改查
2015/05/17 PHP
PHP使用DOM和simplexml读取xml文档的方法示例
2017/02/08 PHP
PHP 中魔术常量的实例详解
2017/10/26 PHP
thinkPHP框架实现的短信接口验证码功能示例
2018/06/20 PHP
php自定义排序uasort函数示例【二维数组按指定键值排序】
2019/06/19 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
javascript 面向对象的JavaScript类
2010/05/04 Javascript
date.parse在IE和FF中的区别
2010/07/29 Javascript
js 在定义的时候立即执行的函数表达式(function)写法
2013/01/16 Javascript
jquery获取tagName再进行判断
2014/05/29 Javascript
js与applet相互调用的方法
2016/06/22 Javascript
Javascript 跨域知识详细介绍
2016/10/30 Javascript
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
详解如何在Angular优雅编写HTTP请求
2018/12/05 Javascript
解决layui动态添加的元素click等事件触发不了的问题
2019/09/20 Javascript
JS数组方法reduce的用法实例分析
2020/03/03 Javascript
Vue管理系统前端之组件拆分封装详解
2020/08/23 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
2020/12/14 Vue.js
python修改字典内key对应值的方法
2015/07/11 Python
Python正则获取、过滤或者替换HTML标签的方法
2016/01/28 Python
python实现识别相似图片小结
2016/02/22 Python
Python内置函数OCT详解
2016/11/09 Python
Python使用win32com模块实现数据库表结构自动生成word表格的方法
2018/07/17 Python
基于python生成器封装的协程类
2019/03/20 Python
对Python获取屏幕截图的4种方法详解
2019/08/27 Python
python with (as)语句实例详解
2020/02/04 Python
python绘制高斯曲线
2021/02/19 Python
Pytorch模型迁移和迁移学习,导入部分模型参数的操作
2021/03/03 Python
L*SPACE官网:比基尼、泳装和度假服装
2019/03/18 全球购物
2015年教师工作总结范文
2015/03/31 职场文书
房屋维修申请报告
2015/05/18 职场文书
2015暑期工社会实践报告
2015/07/13 职场文书
2016年党校科级干部培训班学习心得体会
2016/01/06 职场文书
2016年入党心得体会范文
2016/01/23 职场文书