1, 知识点一 浏览器内核控制Meta标签说明文档
若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">
2,知识点
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
这是一个,文档兼容模式的定义。
Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 IE 就用什么版本的标准模式渲染
<meta http-equiv="X-UA-Compatible" content="IE=edge">
使用以下代码强制 IE 使用 Chrome Frame 渲染
<meta http-equiv="X-UA-Compatible" content="chrome=1">
3,知识点
jquery.blockui.js
使用jQuery BlockUI,首先需要在jQuery后面引用 jquery.blockUI.js
jquery.blockUI.js插件下载地址:http://jquery.malsup.com/block/
用法很简单,组织用户对页面的交互:
$.blockUI();
使用自定义信息阻塞UI
$.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' });
使用自定义样式阻塞UI
$.blockUI({ css: { backgroundColor: '#f00', color: '#fff'} });
解除对页面的遮罩
$.unblockUI();
如果你先要使用缺省设置对所有的ajax请求都使用UI遮罩,只需要添加下面语句即可
$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
4,实现选择性actives
var ul1=document.getElementById("ul1");
var lis=ul1.childNodes;
if(lis!=null $$ lis.length>0){
for(i=0;i<lis.lengh;i==){
var lis1=lis[i];
if(lis1.id==id){
lis1.className="actived";
}else{
lis1.className="";
}
}
}
5,iframe
iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
<!--
<iframe> 标签规定一个内联框架
这里写p 标签是为了看align的效果
-->
<p style="overflow: hidden;">这是一些文本。 这是一些文本。 这是一些文本。这是一些文本。 这是一些文本。 这是一些文本。
<iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no">
<p>你的浏览器不支持iframe标签</p>
</iframe>
这是一些文本。 这是一些文本。 这是一些文本。这是一些文本。 这是一些文本。 这是一些文本。</p>
iframe 的常用属性:
name : 规定 <iframe> 的名称。 width: 规定 <iframe> 的宽度。 height :规定 <iframe> 的高度。 src :规定在 <iframe> 中显示的文档的 URL。 frameborder : 规定是否显示 <iframe> 周围的边框。 (0为无边框,1位有边框)。 align : 规定如何根据周围的元素来对齐 <iframe>。 (left,right,top,middle,bottom)。 scrolling : 规定是否在 <iframe> 中显示滚动条。 (yes,no,auto)