IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取

兼容问题1:

页面的分享等插件加载不全,并无法点击。

兼容问题2:

IE下页面选择器(#id、.class.etc.)绑定click事件无法访问到,后台springmvc方法,也无法获取ajax的success方法返回值data。

兼容问题3:

在IE和Google下能够获取,ajax的success返回的数据data,但firefox下获取不到。

兼容问题4:

页面跳转,或url进入,js代码不能正确执行,如果按了F12后(开启F12),JavaScript(加载)事件可以正常响应,一切都正常执行。

总结:javascript和jquery(本js)等,在不同的浏览器下会有很大不同的区别,所以积累这些兼容的经验,以便解决前端问题。

           感觉ie和chrome有的时候有点像,可是到ie11就感觉和firefox有点像了。

           问题的来源:js冲突(导入)或者js版本,浏览器兼容等。

解决1:

       html页面的加载有多种写法:

       如1:$(function(){ ... });

       如2:window.onload=function(){ ... }

       如3:$(document).ready(function(){ ...  });

      希望同一个页面,使用其中一种,即可,如果都使用,则会有问题,并却在")"后边,该有分号";"请不要省略。

     还有导入时候:

     <script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>

     <script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>,引入一个即可,多个会冲突,小心jsp页面导入冲突。

解决2、4:

      其他js事件异常,代码用到console对象,某些版本的ie (360等)不打开控制台("F12")是没有console这个对象,在IE中使用了console.log导致的。删除console.log对象。

解决3:

      firefox对ajax的返回值都是XML Document,所以,一般做IE、chrome和firefox两个分支,

     getBrowserNV()方法,方法链接:

//解决firefox提交兼容,firefox and chrome button -> ajax and submit conflict,and firefox response data default xml type.
	var browser = getBrowserNV();
	var reqPath = $("#req").val();
	if(browser.indexOf("firefox") != -1){//firefox
		$.ajax({
			url:reqPath + "/mvc/getcity?id="+value+"&date="+new Date(),
			type:"get",
			dataType: "json", //firefox
			success:function(data){
			var county = eval(data);
				。。。。
			}
			}
		});
	}else{//ie ,chrome etc.
		$.ajax({
			url:reqPath + "/mvc/getcity?id="+value+"&date="+new Date(),
			type:"get",
			success:function(data){
			var county = eval(data);
			var options = "<option value='0'>请选择城市</option>";
				。。。。
			}
			}
		});

如果ajax的success方法返回data是字符串,则dataType: "text", //firefox。

时间: 2025-01-02 08:25:58

IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取的相关文章

jQuery如何实现页面加载完毕再去执行代码

 jQuery如何实现页面加载完毕再去执行代码: 本章节介绍一下如何当页面加载完毕再去执行响应的代码.这个是比较基础的问题,下面做一下简单介绍. 解决方案一: $(document).ready(function(){   //code }) 解决方案二: jQuery(document).ready(function(){   //code }) 解决方案三: window.onload=function(){   //code } 解决方案四: 将jquery代码放入body的后面,这样也会

js或者jquery判断图片是否加载完成实现代码_javascript技巧

网页中有时候需要获得图片的宽度和高度,来定义某些大小,可是这个是需要从服务端请求图片,下载到本地才能够得到的,有些js或者jquery代码在还没有加载完图片时就执行了.怎么办呢? jquery提供一个方法: 复制代码 代码如下: 01.$("").load(function(){...}); 其中选择器是图片的id或class,function里面的方法就是回调函数,在图片加载完成后执行,但是我试验了很多,压根儿不是那么回事,正确的解决方法是: 用js的onload方法: 复制代码 代

Jquery实现图片预加载与延时加载的方法_jquery

本文实例讲述了Jquery实现图片预加载与延时加载的方法.分享给大家供大家参考.具体分析如下: 有很多项目经常会需要判断图片加载完成后执行相应的操作,或者需要图片延迟加载,网上虽然已经有很不错的插件,但要为这些效果还得单独加载一个插件的话总感觉有点不舒服,干脆自己写了个方法: 复制代码 代码如下: function loadimg(arr,funLoading,funOnLoad,funOnError){  var numLoaded=0,  numError=0,  isObject=Obje

jquery实现图片预加载_jquery

使用jquery实现图片预加载提高页面加载速度和用户体,本就为大家详细分析jquery图片预加载的实现原理. 什么时候使用图片预加载? 如果页面使用了很多不是最初加载便可见的图片,有必要进行预加载: $.preloadImages = function () { for (var i = 0; i < arguments.length; i++) { $('img').attr('src', arguments[i]); } }; $.preloadImages('img/hover-on.pn

jQuery.imgLazyLoad图片懒加载组件

一.前言 当一个页面中请求的图片过多,而且图片太大,页面访问的速度是非常慢的,对用户的 体验非常不友好:使用图片懒加载,可以减轻服务器的压力,增加页面的访问量,这里主要是总结一下我自己写的图片懒加载组件 jQuery.imgLazyLoad:使用该组件应在img标签中设置一个imglazyload-src属性,存放图片地址. 二.应用实例demo /**  * component: imgLazyLoad 2013/12/12 华子yjh  * invoking: jQuery.imgLazyL

jQuery实现的自动加载页面功能示例_jquery

本文实例讲述了jQuery实现的自动加载页面功能.分享给大家供大家参考,具体如下: demo.html: <li style="opacity:0;-moz-opacity: 0;filter: alpha(opacity=0);"><p>---------------</p></li> <li style="opacity:0;-moz-opacity: 0;filter: alpha(opacity=0);"

php+ajax+jquery实现点击加载更多内容_jquery

我们在一些微博网站上可以碰到这样的应用,微博内容列表没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击"查看更多"来加载更多记录.本文我将结合jQuery和PHP给大家讲述如何实现这种应用. 基本原理:页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个"更多"链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作出相应,获取数据库相应的记录

javascript实现瀑布流动态加载图片原理_javascript技巧

本文实例为大家分享了js瀑布流加载效果,动态加载图片,供大家参考,具体内容如下 鼠标滚动事件,当鼠标滚动到下边,动态加载图片. 1. HTML代码     <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js实现瀑布流效果-动态加载图片</title> <link rel="stylesheet" href="

如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)_jquery

ECharts地图主要用于地理区域数据的可视化,展示不同区域的数据分布信息.ECharts官网提供了中国地图.世界地图等地图数据下载,通过js引入或异步加载json文件的形式调用地图. 效果演示       源码下载 本文将结合实例讲解如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据,我们以中国地图为例,展示去年(2015年)我国各省份GDP数据.通过异步请求php,读取mysql中的数据,然后展示在地图上,因此本文除了你掌握前端知识外,还需要你了解PHP以及MySQL