自从开始做Web开发后，我就经常在不同的浏览器间换来换去，目前主要使用四种浏览器，分别是IE、Firefox、Chrome和Safari，这四种浏览器各有千秋，说不上谁最好，如今开发的网站，我都会用这四种浏览器测试下效果。最近做一个页面需要用到opener的方法进行调用，我把代码精简了一下，这是主页面main.htm：
<!DOCTYPE html> <html> <head> <title>Main</title> <script> function remote() { win2 = window.open("remote.htm", ""); } function RemoteCallTest() { document.getElementById("text-test").innerHTML = "I am called by Remote."; } </script> </head> <body> <form> <input type="button" value="Open Window" onClick="remote()"> </form> <span id="text-test">I am not called.</span> </body> </html>
这是要打开的页面remote.htm：
<!DOCTYPE html> <html> <head> <title>Remote</title> </head> <body> <p> <a href="javascript:window.opener.RemoteCallTest()">Call Test</a> </p> </body> </html>
打开的页面会回调主页面的一个方法，可以来做一个局部刷新什么的。我直接用前面提到的四大浏览器打开main.htm进行测试，发觉Firefox，Safari很顺利通过，而IE则出现一个警告，点“允许”后也通过了，而Chrome却不行，十分奇怪。后来考虑：是否因为浏览器出自于安全的原因禁止了这种调用？于是查看Chrome的设置，却也没发现相关的选项。后来考虑到是不是因为直接打开本地文件而不是打开网站的缘故？我创建了一个简单的MVC程序，调试了一下后发觉居然可以了。代码太简单，上面的改一改就行了，就不贴了。