1、打开任意一个网站，根据自己的需要选择。
十多年专注成都网站制作，企业网站设计，个人网站制作服务，为大家分享网站制作知识、方案，网站设计流程、步骤,成功服务上千家企业。为您提供网站建设,网站制作,网页设计及定制高端网站建设服务,专注于企业网站设计,高端网页制作,对成都雨棚定制等多个领域，拥有多年的网站制作经验。
2、如图点击右上角三条横杠的按钮。
3、点击”工具“选项。
4、点击”查看源代码“。
5、如图，就可以轻松查看到了该网站的源代码。
6、如果想关闭网页源代码，只需点击左上角“返回”按钮，这样就完成了。
//原生
var elem = document.querySelector('#myInput');
elem.addEventListener('keydown', function(e) {
if( e.keyCode == 13 ){
console.log('Enter is pressed.');
//add your code
}
});
//使用jQuery
$('#myInput').keydown(function(e){
if( $(e).which == 13 ){
console.log('Enter is pressed.');
//add your code
}
});
监听是js来实现的，对于html是否是html5无关。
html5不支持frameset的，所以解决方法有以下两种：
1、 使用iframe，但是目前使用iframe的人已经越来越少了，而且iframe在不同浏览器之间还有不兼容的情况。
2、使用jQuery的onload方法加载页面，不过这种方法跳转多个页面后，点击浏览器上方的后退前进是无效的，不过可以认为的添加一个返回按钮。所以更流行的是这种方法：
举例说明：
!DOCTYPE HTML
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titlediv+css实现frameset效果/title
style type="text/css"
.header{border-bottom:1px solid #ccc;margin-bottom:5px;}
.MainContainer{min-width:960px;max-width:1600px;}
.sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px;padding:5px;}
.main{float:left;margin-left:200px;padding:5px;}
.content{padding:0 10px;}
/style
/head
body
div class="page"
div class="header"
div id="title"
h1顶部/h1
/div
/div
div class="MainContainer"
div class="sidebar"
边栏
/div
div id="main" class="main"
内容
/div
/div
/div
/body
/html
4、运行效果如下：
