Javascript / AJAX在Opera中不起作用,在FF / IE / Chrome中运行完美

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript / AJAX在Opera中不起作用,在FF / IE / Chrome中运行完美，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1539字，纯文字阅读大概需要3分钟。

内容图文

我目前在名为getresults.js的文件中有这个Javascript：

function getItems(str)
{
if (str=="")
  {
  document.getElementById("getItems").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("getItems").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","/include/retrieveitems.php?q="+str,true);
xmlhttp.send();
}

这个事件要求它：

onclick="getItems('all')"

它在Firefox,IE,Chrome中完美运行..但Opera拒绝工作.我的访问者中很小一部分是Opera用户,但仍然……我宁愿让它工作.这里有一个实时网址：http://tf2g.com/gallery

如果有人可以提供帮助,那就很有帮助！

解决方法:

这个失败的原因是事件处理程序根本没有调用你的getItems()方法.它从Opera的Microdata支持(http://www.whatwg.org/specs/web-apps/current-work/multipage/microdata.html)中看到document.getItems()方法并调用它.这是JavaScript范围的问题：元素本身及其文档都在范围内,因此这里定义的方法/属性将能够隐藏您在全局范围中定义的方法/属性.

很高兴Opera早期实现了Microdata,所以你注意到这个:)

最简单的解决方法是重命名您的函数以避免名称与Microdata冲突.您也可以使用addEventListener()而不是在标记中编写onclick =“” – 如果您执行该函数的范围是它创建的范围,那么您不会遇到这样的问题.

window.addEventListener('load', function(){
  for( var i=0,l;l=document.links[i]; i++ )if( l.hash){
    l.addEventListener( 'click', function(){
      getItems(this.hash.substr(1));
    }, false);
  }
}, false);

内容总结

以上是互联网集市为您收集整理的Javascript / AJAX在Opera中不起作用,在FF / IE / Chrome中运行完美全部内容，希望文章能够帮你解决Javascript / AJAX在Opera中不起作用,在FF / IE / Chrome中运行完美所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端