项目遇到的问题(兼容浏览器的噩梦)-优快云博客

本文解决了Safari浏览器中使用AJAX遇到的问题，包括JS失效、无法调用thickbox弹窗及按钮重复触发请求等。提供了解决方案，并分享了浏览器判断方法及$.get兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题一：在一个页面A点击一个超链接后，页中的一个div的内容发生变化，ajax异步加载显示一个jsp页面B的内容，现在是，jsp可以显示出来，但是在Safari，jsp中的javascript代码却全部失效了。其他浏览器没问题。
简单的解决方法：把要加载的jsp页面B的JS方法放到第一个页面A上，也可以在页面B上调用页面A的js方法。

问题二：Safari 通过ajax异步加载的页面（本问题在第二次加载之后，即页面在第三层了）无法调用Jquery的thickbox 弹出层。
解决办法：
1、thickbox 弹出层放在第一层页面。
2、语句也放在第一层页面<input style="display: none" alt="#TB_inline?height=100&width=350&inlineId=myOnPageContent" id="clickToOpen" title="弹出层" class="thickbox" type="button" value="弹出层" />
3、第一层页面写一方法，用来触发2中写的的弹出层
function openNewDiv(){
$('#clickToOpen').click();
}
4、第三层页面，写个按钮之类，触发3中的方法openNewDiv(),即可.

问题三：一控件（如按钮）触发ajax异步请求，为防止用户多次点击控件，造成多次触发
先把onclick事件清除：
var obj=document.getElementById('saveFavor').onclick;
document.getElementById('saveFavor').οnclick=null;
。。。这里处理ajax请求。。。
document.getElementById('saveFavor').οnclick=obj;
本问题是Safari 调用$.get时,出现没有反应，而使用
$.ajax({
url: url,
global: false,// 禁用全局Ajax事件.
async:false,
cache:true,
complete:function(returnStr){}

兼容各浏览器一些要用到的东西：
一：判断浏览器
来至：http://www.js8.in/414.html


function userBrowser(){
    var browserName=navigator.userAgent.toLowerCase();
    if(/msie/i.test(browserName) && !/opera/.test(browserName)){
        alert("IE");
        return ;
    }else if(/firefox/i.test(browserName)){
        alert("Firefox");
        return ;
    }else if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){
        alert("Chrome");
        return ;
    }else if(/opera/i.test(browserName)){
        alert("Opera");
        return ;
    }else if(/webkit/i.test(browserName) &&!(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))){
        alert("Safari");
        return ;
    }else{
        alert("unKnow");
    }