十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
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、运行效果如下: