前端开发常见问题汇总第一版

开发demo

一、滚动到指定位置

 

$('#scroll_a').click(function() {

$('html,body').animate({

scrollTop: $('#topLink').offset().top

}, 800);

});

 

二、引入页面

 

1.IFrame引入，看看下面的代码 

 

<iframe   frameborder=0   border=0   width=300   height=300   src="b.htm" mce_src="b.htm"></iframe> 

 

2.<object>方式 

 

[ <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

 

3.Behavior的download方式 

 

<span id=showImport></span>

<IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" />

<script> 

function onDownloadDone(downDate){

showImport.innerHTML=downDate

} 

oDownload.startDownload('import.htm',onDownloadDone)

</script>

 

4.使用JQuery的load方法吧！ 

 

$(document).ready(function(){ 

$(".top").load("top.html"); 

$(".footer").load("footer.html"); 

}); 

三、获取url链接后缀的参数方法

var hostname = location.protocol + '//' + location.host; 获取当前页面域名

function  GetQueryString(name) {     

var  reg = new  RegExp("(^|&)" + name + "=([^&]*)(&|$)");     

var  r = window.location.search.substr(1).match(reg);     

if(r != null) return   unescape(r[2]);

return  null;

}

 

var id = GetQueryString('id');

4.定时自动返回上一级页面

function reloadyemian() {

window.location.href = "javascript:history.go(-1)";

}

window.setTimeout("reloadyemian();", 5000);

5.点击可编辑文案

contentEditable是html中的一个属性。设置html的contentEditable=‘true’时，即可开启该元素的编辑模式。

<p contenteditable = "true">这是一段可以编辑的文字</p>