收集整理常用的网页代码
18 Nov
Tags:
JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。
如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的需求。当内容是未知或者是变化的时候。这个时候又有几种情况了。

iframe内容未知,高度可预测
这个时候,我们可以给它添加一个默认的CSS的min-height值,然后同时使用JavaScript改变高度。常用的兼容代码有:
// document.domain = "caibaojian.com";
function setIframeHeight(iframe) {
if (iframe) {
var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
if (iframeWin.document.body) {
iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
}
}
};

window.onload = function () {
setIframeHeight(document.getElementById('external-frame'));
};


......

内容宽度变化的iframe高度自适应
15 Oct
Tags: ,
为什么禁止后退,就不阐述了,直接上三组代码(放head之间):
<script language="javascript">
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
            history.pushState(null, null, document.URL);
    });
</script>
14 Oct
Tags: ,
PHP开发设计中,数组函数经常用到,以下比较常见。收藏——

//array_filter:去掉数组中的空值、零值等
$byw_arr= array_filter($byw);
//array_values:重置键名
$byw_arr2=array_values($byw_arr);
//sort:排序
sort(byw_arr2)
array_splice:重置索引
array_splice(byw_arr2)
14 Oct
<script type="text/javascript">
//页面加载的时候,所有的复选框都是未选中的状态
function checkOrCancelAll(){
//1.获取checkbo的元素对象
var chElt=document.getElementById("chElt");
//2.获取选中状态
var checkedElt=chElt.checked;
//3.若checked=true,将所有的复选框选中,checked=false,将所有的复选框取消
var allCheck=document.getElementsByName("interest");
//4.循环遍历取出每一个复选框中的元素
var mySpan=document.getElementById("mySpan");
if(checkedElt){
//全选
for(var i=0;i<allCheck.length;i++){
//设置复选框的选中状态
allCheck[i].checked=true;
}
mySpan.innerHTML="取消全选";
}else{
//取消全选
for(var i=0;i<allCheck.length;i++){
allCheck[i].checked=false;
}
mySpan.innerHTML="全选";
}
}
</script>


以下实例:
22 Sep
在input中写入disabled即可
比如,按钮1:
<input type="button" id="b1" disabled value="测试按钮1">

按钮2:
<input type="button" id="b2" disabled="disabled" value="测试按钮">

重要函数:
<script type="text/javascript">
function del(){
document.getElementById("b1").disabled="";
}
function add(){
document.getElementById("b1").disabled="disabled";
}
</script>


实现示例
<input type="button" onclick="del()" value="可用"><input type="button" onclick="add()" value="不可用">
分页: 1/2 第一页 1 2 下页 最后页 [ 显示模式: 摘要 | 列表 ]