{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 疯言疯语 的问题《Google Chrome Won't Accept .contentDocument or》','https://www.manongdao.com/q-333487.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
When I try my code out:
Testing.html -
<script language="JavaScript" type="text/javascript">
function find() {
var iframeEl = document.getElementById('love');
if ( iframeEl.contentDocument ) {
var form = iframeEl.contentDocument.document.getElementById('hi').getAttribute('href');
alert(form)
} else if ( iframeEl.contentWindow ) {
var form = iframeEl.contentWindow.document.getElementById('hi').getAttribute('href');
alert(form)
}
}
</script>
<body onload="find()">
<iframe name="lovez" src="frame.html" id="love"><a href="http://www.google.com" id="hi">Testingz</a></iframe>
</body>
Frame.html -
<a href="http://www.google.com" id="hi">Testing</a>
It will not return an alert box. However on Internet Explorer it will. I have been searching the internet, trying all examples and can't find a simple example that will work in Google Chrome. Am I doing something wrong or is it just Google Chrome?
The answer from @IsraelGav is correct in the sense that this problem occurs when the code is accessed from a local file but not when accessed from a web server. It is also correct in the sense that using the
--allow-file-access-from-filesflag can allow the local file to be accessed by Chrome.However, it misses an important security concern here. Both the concern, as well as an alternative possible solution, were originally described in this other SO answer by @orszaczky. To summarize the alternative solution: On Windows, install http-server (
npm install -g http-server) and runhttp-serverfrom your project directory. On Mac/Linux, runpython -m SimpleHttpServerfrom your local directory. You can now access the locally hosted web site in your browser. On Windows I had to uselocalhost:8080while on the Mac I had to uselocalhost:8000.By the way, this is not only an issue for Chrome (v49.0) but also for Opera (v35.0), on both Windows and Mac.
Try it without the .document
instead of
I've noticed that both the
contentDocumentandgetSVGDocument(for svg objects from svg files) will work fine if the code is from a web server, but when I copy the code to a local file, it will not work.Here's a sample link with a code I coppied from which works on the web but not from my disk.
Here's the solution I just found from Chrome (thanks to Artem S), i.e. using the
--allow-file-access-from-filesflag.