开发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>