你好!

我将在这里记录未来学习 Web 前端过程中遇到的经历,以及解决这些问题的方案。

测试环境为 IE8、Chrome、Safari。


CSS:Bootstrap


IE8:应用效果不够美观 > 我直接编写并应用了 CSS。

Chrome:良好

Safari:良好



JS:addEventListener


IE8:无法正常工作。按如下方式进行了处理。在 IE8 中通过 attachEvent 进行处理。


if(document.getElementById("btn_login").addEventListener)

document.getElementById("btn_login").addEventListener("click",function(){

window.location.href = "main.html";

});

else

document.getElementById("btn_login").attachEvent("onclick",function(){

window.location.href = "main.html";

});


Chrome:良好

Safari:良好



JQUERY:$.merge(arr1,arr2)


在使用 JQUERY 的 merge 合并数组时,我发现数据会根据 arr1 和 arr2 的顺序而产生变化,这是一种奇怪的经历。

必须多加注意…… 唉…… ;;

因为这个浪费了一整天的时间来处理数据映射…… 哈啊……

救救我。


关于通过 Javascript 进行页面跳转

parent.location.href = "url"

将当前框架的上一级路径设置为指定的 URL (页面已跳转)

top.location.href = "url"

将最外层 document 的 location 路径设置为指定的 URL (页面已跳转)

opener.location.href = "url"

将打开当前框架的 document 的 location 路径设置为指定的 URL(页面已跳转)


当希望在 JQUERY 页面跳转后 onload 触发特定的 CSS 或 Javascript 时

<div data-role = "page">
    <style> ... </style> or <script> ... </script>
</div>

如上例所示,将自定义的脚本或样式代码插入到该 div 内部即可。





AD