jS 加载对页面完成的影响介绍

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/rnZuoZuo/article/details/48344465
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>


<script>

$(document).ready(function(){
   alert(1);
});
</script>
</head>
<body>
<p>如果您点击我,我会消失。</p>
<p>点击我,我会消失。</p>
<p>也要点击我哦。</p>
<p>也要点击我哦。</p>
<p>也要点击我哦。</p>
<p>也要点击我哦。</p>
<p>也要点击我哦。</p>
<p>也要点击我哦。</p>
<p>也要点击我哦。</p>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://www.open-open.com/lib/view/home/1371352851765"></script>
</body>
</html>


测试写在前面影响页面显示和完成进度1

写在最后面影响虽然不影响页面显示,但是会影响页面完成事件的触发,就是页面完成事件延后了,对于APP监控完成事件操作不利

展开阅读全文

[紧急求助]js对iframe加载影响

05-27

[color=#FF0000]请先把问题看完,十分感谢。[/color]rnrn假设:rn1.页面加载过程中会在一组iframe框架前N(N>0)行代码运行一个js function(假设为fun())。rn2.该组iframe为连续的,比如:rn[code=HTML]rn rn rn rnrn rn rnrn rn rnrn[/code]rn3.fun()中包含动态加载js(在head下append一个新的script结点,取其中的变量)。rnrn问题:当fun()中有appendChild Dom对象的innerHTML中包含图片时(见示例),初次加载没有任何问题,但是刷新(F5或者点浏览器刷新按钮)会有很大的概率(60%)导致上述iframe组加载出乱,即,可能会出现 iframe_2,iframe_1加载了1.swf,iframe_3加载了3.swf.rnrndom加载示例rn[code=JScript]rn var doc = document.CreateElement("DIV");rn document.getElementById("cont").appendChild(doc);rn doc.innerHTML =="";rn[/code]rnrn备注,此问题仅在ie下出现,在360安全浏览器出现概率很高,且仅在静态页(动态页本机调试没有出现此类问题,至于在服务器上没有进行全面测试)。rnrn我的临时解决方法,1:把要添加的img先放在层cont里面,然后每次修改它的src。2,将iframe组中的没有iframe直接用document.write在页面上写出来。 以前两种方法经测试均有效(实现一种即可)。rnrn问有人了解这方面的缘由吗?或者说说你的看法。(此iframe为第三方的广告代码,请考虑过是否是他的代码问题,但简单测试过似乎没有影响,所以偏向于是自己代码(fun())的问题)。rnrnrnrn 论坛

框架对js影响。。。

07-01

在页面里面有这样一段js[code=javascript]function jsprint(msgtitle, url, msgcss, callback) rn $("#msgprint").remove();rn var cssname = "";rn switch (msgcss) rn case "Success":rn cssname = "pcent success";rn break;rn case "Error":rn cssname = "pcent error";rn break;rn default:rn cssname = "pcent warning";rn break;rn rn var str = " " + msgtitle + "";rn $("body").append(str);rn $("#msgprint").show();rn var itemiframe = "#topFrame .l-tab-content .l-tab-content-item";rn var curriframe = "";rn $(itemiframe).each(function () rn if ($(this).css("display") != "none") rn curriframe = $(itemiframe).index($(this));rn return false;rn rn );rn if (url == "back" && curriframe != "") rn frames[curriframe].history.back(-1);rn else if (url != "" && curriframe != "") rn frames[curriframe].location.href = url;rn rn //3秒后清除提示rn setTimeout(function () rn $("#msgprint").fadeOut(3500);rn //如果动画结束则删除节点rn if (!$("#msgprint").is(":animated")) rn $("#msgprint").remove();rn rn , 3000);rn //执行回调函数rn if (typeof (callback) == "function") callback();rn[/code]rnrncss:[code=css]#msgprint.pcent top:30px; right:45%; position:absolute; z-index:99; opacity:0.9; display:none; rn#msgprint.success,#msgprint.error,#msgprint.warning padding:5px 10px 5px 24px; rn#msgprint.success border:1px solid #CCF9C1; color:#090; background:url(msg_icon.gif) 5px 6px no-repeat #F1FEF2; rn#msgprint.error border:1px solid #F9F2B7; color:#F00; background:url(msg_icon.gif) 5px -23px no-repeat #FDF8E8; rn#msgprint.warning border:1px solid #FAF4B8; color:#C52716; background:url(msg_icon.gif) 5px -53px no-repeat #FEFDE9; [/code]rnrn奇怪的问题是,单独一个页面调用时,显示就是正常的,在后台的框架中center页面(分为left,top,center框架,center是展示页面的框架)调用就完全没有这个js效果,这是怎么一回事呢? 论坛

没有更多推荐了,返回首页