簡體   English   中英

addEventListener 不是函數?

[英]addEventListener is not a function?

chrome 給了我這樣的錯誤:

在此處輸入圖片說明

我不知道為什么,我已經在我的 javascript 代碼中定義了函數 adEventListener。像這樣的錯誤:
XMLHttpRequest 無法加載http://news.sohu.com/20151120/n427408363.shtml?ajax=true 請求的資源上不存在“Access-Control-Allow-Origin”標頭。 因此,不允許訪問 Origin 'null'。

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Ajax Connection Queue</title> <script src="utils.js"></script> <script src="queue.js"></script> <script src="jquery.js"></script> <script type="text/javascript"> function addEvent(to, type, fn){ if(document.addEventListener){ to.addEventListener(type, fn, false); } else if(document.attachEvent){ to.attachEvent('on'+type, fn); } else { to['on'+type] = fn; } }; </script> <script type="text/javascript"> addEvent(window, 'load', function() { // Implementation. var q = new DED.Queue; q.setRetryCount(5); q.setTimeout(3000); var items = $('items'); var results = $('results'); var queue = $('queue-items'); // Keeping track of my own requests as a client. var requests = []; // Notifier for each request that is being flushed. q.onFlush.subscribe(function(data) { results.innerHTML = data; requests.shift(); queue.innerHTML = requests.toString(); }); // Notifier for any failures. q.onFailure.subscribe(function() { results.innerHTML += ' <span style="color:red;">Connection Error!</span>'; }); // Notifier of the completion of the flush. q.onComplete.subscribe(function() { results.innerHTML += ' <span style="color:green;">Completed!</span>'; }); var actionDispatcher = function(element) { switch (element) { case 'flush': q.flush(); break; case 'dequeue': q.dequeue(); requests.pop(); queue.innerHTML = requests.toString(); break; case 'pause': q.pause(); break; case 'clear': q.clear(); requests = []; queue.innerHTML = ''; break; } }; var addRequest = function(request) { var data = request.split('-')[1]; q.add({ method: 'GET', uri: 'bridge-connection-queue.php?ajax=true&s='+data, params: null }); requests.push(data); queue.innerHTML = requests.toString(); }; addEvent(items, 'click', function(e) { var e = e || window.event; var src = e.target || e.srcElement; try { e.preventDefault(); } catch (ex) { e.returnValue = false; } actionDispatcher(src.id); }); var adders = $('adders'); addEvent(adders, 'click', function(e) { var e = e || window.event; var src = e.target || e.srcElement; try { e.preventDefault(); } catch (ex) { e.returnValue = false; } addRequest(src.id); }); }); </script> <style type="text/css" media="screen"> body { font: 100% georgia,times,serif; } h1, h2 { font-weight: normal; } #queue-items { height: 1.5em; } #add-stuff { padding: .5em; background: #ddd; border: 1px solid #bbb; } #results-area { padding: .5em;border: 1px solid #bbb; } </style> </head> <body id="example"> <div id="doc"> <h1>Ajax Connection Queue</h1> <div id="queue-items"></div> <div id="add-stuff"> <h2>Add Requests to Queue</h2> <ul id="adders"> <li><a href="#" id="action-01">Add "01" to Queue</a></li> <li><a href="#" id="action-02">Add "02" to Queue</a></li> <li><a href="#" id="action-03">Add "03" to Queue</a></li> </ul> </div> <h2>Other Queue Actions</h2> <ul id='items'> <li><a href="#" id="flush">Flush</a></li> <li><a href="#" id="dequeue">Dequeue</a></li> <li><a href="#" id="pause">Pause</a></li> <li><a href="#" id="clear">Clear</a></li> </ul> <div id="results-area"> <h2>Results: </h2> <div id="results"></div> </div> </div> </body> </html>

伙計,這不是您的問題,這是服務器不允許在您的網站上使用資源,除非您可以聯系所有者,將您的網站/IP 添加到 Web 服務器響應標頭上的訪問控制允許來源,然后您可以訪問它

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM